الإدارة العامة لتنمية 
مادة الكمبيوتر وتكنولوجيا المعلومات مركز تطوير المناهج والمواد التعليمية 


الكمييوتر وتخنولوبحيا 
المعلومات والاتصالات 


الصف الثاني الإعدادي 
الفصل الدراسي الأول 


۲۰۱۷-0 م 


وزارة التربية والتعليم 


الكمبيوتر وتكنولوحيا المعلومات والاتصالات 
الصف الثاني الإعدادي 
الفصل الدراسي الأول 


إعداد 
د / أماني قرني إبراهيم د/ طاهر عبد الحميد العدلي 
مدير عام تنمية مادة خبير مناهج ورئيس قسم الكمبيوتر وتكنولوجيا 
الكمبيوتر وتكنولوجيا المعلومات المعلومات بمركز تطوير المناهج 


أ. عبير حامد أحمد م. وسيم صلاح الدين المنزلاوي 
مدير إدارة بالإدارة العامة لتنمية مادة مدير إدارة بالإدارة العامة لتنمية مادة 
الكمبيوتر وتكنولوجيا المعلومات الكمبيوتر وتكنولوجيا المعلومات 
أ. تامر عبد المحسن منصور 
مدير إدارة بالإدارة العامة لتنمية مادة 
الكمبيوتر وتكنولوجيا المعلومات 


مراجعة تربوية 
أ.د/ الغريب زاهر إسماعيل 
أستاذ تكنولوجيا التعليم 
ووكيل كلية التربية جامعة المنصورة 


مراجعة علمية 
أ.د/ محمد فهمي طلبة 
أستاذ بكلية الحاسبات جامعة عين شمس 
والوكيل السابق لكلية الحاسبات جامعة عين شمس 


١‏ الصف الثاني الإعدادي 


وزارة التربية والتعنيم 


مقدمة الكتاب 


يعتبر التعليم في ظل العصر الذي نعيش فيه عاملاً حاسماً في تحديد مصير عالمنا: دولاً 
وأفراداًء مما فرض ضرورة مجاراة المؤسسة التعليمية للتقدم التكنولوجي والعلمي. وقد نتج عن 
هذا تغيرفي معايير تقييم المجتمعات وفقا لمدى تطورها تكنولوجيا ومعلوماتيا وقدرتها على التحول 


ونحن على ثقة في أننا نملك من العقول والقدرات والطاقات ما يبلغنا ذلك الحلم ... فقط 
نحتاج إلى العمل الدؤوب لاستثمار طاقتنا وإمكاناتنا المتاحة والعمل على اكتشاف الموهوبين 
والمبدعين من أبنائناء وتستند فلسفة مادة الكمبيوتر وتكنولوجيا المعلومات والاتصالات إلى إتاحة 
بدائل متنوعة من البرمجيات ومن ثم فقد تم اختيار برمجيات مفتوحة | صد OPEN SOURCE‏ 
تعمل تحت نظام التشغيل نوافذ W۷|N00۷W5S(‏ 105) وكذلك أنظمة التشغيل الأخرى» بما يحقق 
التسلسل المنطقي في ترتيب المحتوى العلمي وبراعي الجوانب المتكاملة لشخصية المتعلم في ضوء 
المعاييروالمؤشرات المتضمنة بمصفوفة المدى والتتابع للمادة. 


يتكون الفصل الدراسي الأول من وحدتين. وتتضمن الوحدة الأولى (مواقع الويب) مفاهيم 
وا اساك مراف الوب كلك مراخل تمم وإنقاء مواقم الويب وايضاً انشاء ومغالجة ملقات 
الحجوت: والفيديو عنما تتضمن الوجدة الكانية: تضم واققنام واف الويت «استخداء اة 
التزمين ا وى بمضروع عطبيق التصيملم مؤقع ونب من [بداع الطالب من خلال فق مدخل 
المشروعات بهدف تنمية قدرات المتعلمين على الإبداع والابتكار وبتم تقويم أداء المتعلم عن طريق 
بعض الأنشطة والمشروعات. لتعزيز اتجاهات ومهارات التعلم الذاتي » وصولاً إلى مجتمع دائم 
التعلّم. 


والله الموفق 6 66 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۲ 


وزارة التربية والتعليم 


أهداف كتاب الكمبيوتر تكنونوجيا المعلومات 
والإتصالات للصف الثاني الإعدادي 


تعرف بعض العمليات والمفاهيم الخاصة بإنننناء صفحات 
الويب. 

تعرف بعض المفاهيم والعمليات الأساسية لخدمات 
وتطبيقفات تكنولوجيا المعلوهات والإتصالات. 

فهم بعض جواتب الأمن الفكري المتعلقة باستخدام 
تكنولوجيا المعلومات والإتصالات. 

استخدام أدوات الإنتاج التكنولوجي (لفة 51 - الوسائط 
المتعددة "صوت صورة فيديو") في دعم تعلمك. 

إتتاج متتتروع (تصميم موقع ويب) باستخدام العمليات 
والبرامج والأدوات التكنولوجية. 


توظيف أدحوات الإتصال التكنولوجية فى تبادل المحتوى 


والرؤى مع الآخرين. 
استخدام المصادر الإلكترونية في التعامل مع المعلومات. 
استخدام الأدوات التكنولوجية في معالجة البيانات 


وتقييمها وإعداد تقارير بالنتائج. 


5 الصف الثاني الإعدادي 


وزارة التربية والتعنيم 


الوحدة الأولى: (مواقع الويب). 
- الموضوع الأول: مفاهيم وأساسيات مواقع الويب. 
- الموضوع الثاني: مراحل تصميم وإنشاء موقع الويب. 
- الموضوع الثالث: إنشاء ومعالجة ملفات الصوت. 


- الموضوع الرابع: إنشاء ومعالجة ملفات الفيديو. 


الوحدة الثانية: (تصميم وإنشاء مواقع الويب). 


- الموضوع الأول: لغة الترميز 11/1!!. 


- الموضوع الثاني: مشروع تطبيقي لتصميم موقع ويب. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 


وزارة التربية والتعليم 
الوحدة الأولي 


مواقع الويب 
في نهاية الوحدة يتوقع أن يكون الطالب قادرا على أن: 


ا- يتعرف يعض المقاكيم والمصطلحات العلمية الأساسية لتكنولوجيا 
المعلومات رمواقع الويب - صفحة الويب ...). 
»؟- يمارس العمليات الأسا سية للتعامل مع تطبيقات تقتيات المعلومات 


والإتصالات. 


0 الصف الثاني الإعدادي 


وزارة التربية والتعليم 


الموضوع الأول 
مغاهيم وأساسيات مواقع الويب 


في نضاية الموضوع يتوقع أن يكون الطالب قادرا على أن: 
يتعرف مفهوم (موقع الويب/ صفحة الويب/ الصفحة الرئيسة). 
يستنتج مكونات موقع الوبيب. 
يوضح عناصر صفحة الويب (نص - صورة - فيديو - ارتباط تشعبي. ..). 


يتعرف أنواع صفحات الويب المختلفة (صفحة الويب الثابتة - صفحة الويب التفاعلية). 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۴ 


وزارة التريية والتعليم 


Web Sites مواقع الويب‎ 


عزيزي الطالب/ أثناء تصميمك (إنشاؤك) لموقع ويب ينبغي أن تتعرف على بعض المفاهيم الأساسية مثل: 
موقع الويب: 


عبارة عن صفحة ويب 5306 هلالا أو أكثر مترابطة مع بعضها تحت اسم معين» موقع الويب له عنوان 
علي شبكة الإنترنت يسمي بعنوان الموقع 8001655 هلالا ٠‏ ويمكن زيارة موقع الويب من خلال 


الكمبيوتر أو الهاتف المحمول. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بتحميل موقع وزارة التربية والتعليم 
http://www .110© . 01.9‏ ثم بمساعدة معلمك وبمشاركة زملائك تناقش فيما يلى : 


موقع الويب ا SEES‏ 


صفحة الويب NTT‏ 


الصفحة الرئيسة ا ا E‏ 


۷ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


موقع وزارة التربية والتعليم 


موقع الويب: 

عبارة عن صفحة ويب 5308 ط٠‏ أو أكثر مترابطة مع بعضها تحت اسم معين» موقع الويب له عنوان 
علي شبكة الإنترنت يسمي بعنوان الموقع 8001655 ط٠۷‏ . ويمكن زيارة موقع الويب من خلال 
الكمبيوتر أو الهاتف المحمول. 

:Web Page صفحة الوبب‎ 

هي مستند به محتوى إلكتروني ينشر على شبكة الإنترنت ويتم عرضه من خلال برنامج مستعرض 


الإنترنت. 
الصفحة الرئيسة :Home Page‏ 
هي أول صفحة بموقع الويب والتي من خلالها يتم الانتقال لباقي صفحات الموقع. 


XN 7‏ ظ 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۸ 


وزارة التربية والتعليم 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك 
استنتج عناصر صفحة الويبء وأنواع البيانات المعروضة بصفحات الويب المختلفة. 


TON 
اوزارة التربية والتعليم‎ 


عد نانسا اح 


من النشاط السابق تلاحظ أن صفحة الويب تتكون من مجموعة من الصور. النصوص» الصوت. الفيديوء 
الارتباطات التشعبية.... 


وزارة التربية والتعليم 


صفحات الويب " الثابتة والتفاعلية" 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بعمل الآتى: 

- تحميل أحد مواقع الويب» ثم التجول بين صفحات الموقع. 

- التعرف على مكونات صفحات الويب الثابتة 53965 اع/الا 543616 وعناصرها ( نصوص - صور - 
لقطات فيديو ....). 


- استنتاج أنواع صفحات الوبب. 


صفحات الويب الثابتة 0 كاضر 


“Static Web Pages”‏ کت یں 


هناك أنواع من صفحات الويب منها صفحات الوبب الثابتة 53965 ط۷6 5143416 و صفحات الويب 
التفاعلية .Interactive Web Pages‏ 


صفحات الويب الثابتة :Static Web Pages‏ 
محتواها مُعد مُسبقا بواسطة مصمم الصفحة ويظل هذا المحتوى ثابتاء وتُستخدم صفحات 


الويب الثابتة لعرض معلومات يتم الاطلاع عليها فقط بدون إمكانية إجراء أي معالجة من الزائرين 
لمحتواهاء تستخدم أوامر 1171/1 في تصميم هذا النوع من الصفحات» وسوف نتعرض في الفصول 
القادمة لكيفية تصميم وانشاء صفحة ويب باستخدام أوامر ا١‏ 1۲. N‏ 


الكعبيوتر وتكنولوجيا المعلومات والاتصالات ٠‏ 


وزارة التربية والتعليم 


Interactive Web Pages صفحات الوبب التفاعلية‎ 


- عزيزى الطالب يمكنك التعرف على مكونات صفحة الويب التفاعلية من خلال زيارتك لصفحة التعليم 
الالكترونى بموقع وزارة التربية والتعليم» حيث يمكنك تحديد المرحلة الدراسية والصف الدراسي للإطلاع على 
مناهج أحد الصفوف الدراسية كما يلى : 

- ادخل البيانات المطلوبة بصفحة الويب والضغط على زر بحث. 


- باستخدام برنامج 010/لا 15لا دون ملاحظاتك يب ييبي-يهط ! yg‏ س | 
والنتائج التي تظهر لك أثناء زيارتك واستخدامك لصفحات ١١‏ /ا التعلبة الالكنروني 

اا ا 
الويب. |ختّ المرحلة اللعليمية 


= بتحميل صفحة 'تواصل معنا" 'بموقع وزارة التربية والتطيم' والتي تطلب منك إدخال بعض البيانات. 

- ادخل البيانات المطلوبة بصفحة الويب ثم اضغط 
ر ا 

- دون ملاحظاتك والنتائج التي تظهر لك. 


صفحات الويب التفاعلية سلاد اف 


۱۱ الصف الثاني الإعدادي 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بتحميل أحد المواقع التالية: 


- موقع الهيئة العامة للاستعلامات http://www.sis.gov.e‏ 


- موقع جريدة الأهرام http://www.ahram.org.e‏ 


٠ه‏ من خلال تجولك على أحد المواقع السابقة دون ملاحظاتك عن: 
- التعرف على الصفحة الرئيسة للموقع. 
- تحديد عناصر صفحات الويب ( نصوص - صور- فيديو- ارتباطات تشعبية....). 
- تحديد صفحات الويب الثابتة. 


- تحديد صفحات الوبب التفاعلية. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۱۲ 


وزارة التريية والتعليم 


موقع الويب: 

عبارة عن صفحة ويب 5306 اعلالا أو أكثر مترابطة مع بعضها تحت اسم معينء موقع الويب له 
عنوان علي شبكة الإنترنت يسمي بعنوان الموقع 8007655 ط٠۷‏ » ويمكن زيارة موقع الويب من خلال 
الكمبيوتر أو الهاتف المحمول. 


صفحة الويب: 
هي مستند به محتوى إلكتروني ينشر على شبكة الإنترنت ويتم عرضه من خلال برنامج مستعرض 
الإنترنت. 


الصفحة الرئيسة: 


هي أول صفحة بموقع الويب والتي من خلالها يسهل الانتقال لباقي صفحات الموقع. 


صفحات الويب الثابتة: 

محتواها مُعد مُسبقا بواسطة مصمم الصفحة ويظل هذا المحتوى ثابتا في كل مره يتم فيها زيارة 
الصفحةء تستخدم لعرض معلومات يتم الاطلاع عليها فقط بدون إمكانية إجراء أي معالجة من الزائرين 
لمحتواهاء نُستخدم أوامر ا1۲۷ في تصميم هذا النوع من الصفحات. 
صفحات الوبب التفاعلية: 


هي صفحة معلومات تعرض محتوى يتيح للزائرين التفاعل معه ومعالجته, يُستخدم لتصميم هذا النوع 
من الصفحات أوامر ا١1۲‏ بالإضافة للغات أخرى مثل لغة 4م20/25611ل, لغة ۶۴۳١۲‏ وغيرها. 


١‏ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


السؤال الأول: أكمل العبارات التالية: 


حمل موقع وزارة الإتصالات وتكنولوجيا المعلومات ؛23/عع./١111.801.‏ الالثلاللا 


- تعرف على الصفحة الرئيسة للموقع. 
- حدد محتويات الصفحة الرئيسة للموقع (نصوص - صور- فيديو- ارتباطات تشعبية....). 
- حدد هل الصفحة الرئيسة للموقع صفحة ويب ثابتة أم صفحة ويب تفاعلية. 


- تجول داخل صفحات الموقع للتعرف على محتويات كل صفحة» وحدد هل هى صفحة ويب ثابتة أم 


يتم الإجابة على الأسئلة باستخدام: 
MS Word >‏ 


الكعبيوتر وتكنولوجيا الععلوعات والاتصالات ۱٤‏ 


وزارة التربية والتعليم 


الموضوع اا 


مراحل تصميم والننتناك 


هوهم الوريب 
في لهارة الموضوع يتوقع أن يكون الطالب قادرا على أن: 


- يوضح مراحل تصميم وإنشاء موقع الويب 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 15 


تصميم وإنشاء موقع الويب يمر بعدة مراحل يمكن تلخيصها في التالي: 
المرحلة الأولى: التخطيط لبناء موقع الويب. 
المرحلة الثانية: تصميم صفحات الويب للموقع. 
المرحلة الثالثة: الإعداد والتجهيز لصفحات الويب. 
المرحلة الرابعة: مرحلة تنفيذ صفحات الويب. 


المرحلة الخامسة: نشر الموقع عبر الانترنت. 


وزارة التربية والتعليم 


المرحلة الأولى: التخطيط لبناء موقع الويب 


- يتم في هذه المرحلة عمل رسم تخطيطي بسيط على الورق يتضمن صفحات الموقع (الصفحة الرئيسة 
للموقع وصفحات الوبب المرتبطة بها). 
- تحديد البيانات والمعلومات التى تتضمنها صفحات الويب كمعلومات وخدمات تقدم من خلال الموقع حسب 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بوضع تخطيط عن الموقع المطلوب تصميمه 
وانشاء ه من حيث: 
- الاسم والموضوع الذي سوف يُعرض من خلال الموقع. 


- تحديد صفحات الموقع (الصفحة الرئيسة وباقي صفحات الموقع). 


- وضع تخطيط للصفحة الرئيسة وباقي صفحات الموقع؛ تحديد البيانات والمعلومات التي سوف تظهر بها. 


الرؤية والرسالة 


رسم تخطيطي لصفحات موقع ويب "موقع مدرستي" 


الكعبيوتر وتكنولوجيا المعلومات والاتصالات ۱۸ 


وزارة التريية والتعليم 


المرحلة الثانية: تصميم صفحات الموقع 


هذه المرحلة من أهم المراحل وفيها يتم: 
تصميم شكل الصفحة الرئيسة وصفحات الموقع. 
تحديد التنسيقات المختلفة لصفحات الويب مثل لون الخلفيةء حجم الخط لونه» نوعه؛ أماكن وضع 


النصوص. الصور. ولقطات الفيديو بصفحات الوبب. 


تحديد الارتباطات التشعبية داخل الصفحة الرئيسة وصفحات الموقع. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بعمل التالي: 
- تصميم شكل الصفحة الرئيسة وصفحات الويب للموقع. 
- تحديد الارتباطات التشعبية بين صفحات الويب للموقع. 
تحديد أماكن وضع النصوص والصور ولقطات الفيديو بصفحات 
الويب المختلفة. 


14 الصف الثاني الإعدادي 


وزارة التربية والتعليم 


المرحلة الثالثة: الإعداد والتجهيز 


تتضمن مرحلة الإعداد والتجهيز عدة خطوات هامة وهى: 


- من خلال أحد منسقات النصوص يتم إعداد وتجهيز البيانات النصية التي سوف توضع في صفحات 


الويب» حفظ النص داخل ملف نصي ووضعه داخل مجلد. 

- إعداد وتجهيز ملفات الصور وحفظها داخل مجلد. 

- إعداد وتجهيز ملفات الصوت والفيديو وحفظها داخل أحد المجلدات. وسوف يتم تناول إنشائها وحفظها 
لاحقا. 


١-إعداد‏ وتجهيز النصوص 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالتالي: 

- تحديد النصوص المطلوبة لكل صفحة ويب بالموقع من خلال مرحلة 
التصميم لصفحات الموقع المطلوبة من خلال الإنترنت أو من خلال 
الإدارة المدرسية مثل: 


- تاريخ نشأة المدرسة:... - عنوانها: ... 
- رقم التليفون: ... - الرؤية والرسالة الخاصة بالمدرسة: ... 


- البحث عن البيانات النصية اللازمة لصفحات الويب المختلفة. 
- كتابة النصوص وحفظها داخل ملف نصي داخل أحد المجلدات. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 3 


وزارة التربية والتعليم 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بعمل التالي: 

- التقاط مجموعة من الصور لمدرستك من فصول ومعامل وملاعب... . 

- تجميع صور عن الأنشطة التي تقدمها المدرسة والمسابقات التي اشتركت بهاء صور الشهادات والجوائز 
التي فازت بها المدرسة. 

- حفظ الصور كملفات داخل أحد وحدات التخزين. 


ورارة التربية والتعليم 


خطوات تنفيذ النشاط 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالآتي: 
- التقاط صور لمعامل وملاعب المدرسة باستخدام الكاميرا الرقمية 
أو باستخدام الموبايل. 
- تجميع صور عن الأنشطة التي يمارسها الطلاب داخل المدرسة. 
- تجميع صور عن المسابقات التي تم الاشتراك بها سواء داخل المدرسة أو على مستوى الإدارة التعليمية أو 
الإدارات التعليمية. 
- تجميع صور عن الشهادات والجوائز التي فازت بها المدرسة. 
- ادخال الصور للكمبيوتر (باستخدام الماسح الضوئي - كابل الاتصال بين الموبايل والكمبيوتر-....): 
إنشاء مجلد "۶۲٠١1"‏ داخل أحد وحدات التخزين» حفظ ملفات الصور به. 


- عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك تعرف على بعض أنواع ملفات 
الصور. 

- البحث عبر الإنترنت عن أنواع ملفات الصور ذات الامتداد-15لما8- اق - ىمل 
6 ومناقشة الفرق بين أنواع ملفات الصور المختلفة. 


*“-إعداد وتحهيز ملفات الصوت وملفات الفيديو : 


لإعداد وتجهيز ملفات الصوت والفيديو وحفظها سوف يتم تناول ذلك لاحقا في الفصول التالية. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۲۲ 


- هي مرحلة تحويل التصميم الورقي بالمراحل السابقة إلى صفحات ويب يمكن عرضها من خلال أحد برامج 
متصفحات الإنترنت. 
- إضافة البيانات (نصوص - صور - صوت - فيديو....) في صفحات الويب. 
- إنشاء الارتباطات التشعبية بين صفحات الويب حتى يسهل التنقل بين صفحات الموقع» ويتم كل ذلك 
باستخدام لغات برمجة وأوامر ١171/1‏ وهو ما سوف نتناوله بالشرح تفصيلياً لاحقا. 


وهذه المرحلة تتضمن حجز عنوان للموقع» تخصيص مساحة تخزينية للموقع على أحد أجهزة الخادمء 
نشر الموقع عبر الإنترنت وإعداده للعمل بشكل صحيح. 
شكل مقترح ل 'موقع مدرستي' 


وزارة التربية والتعليم 


تصميم وإنشاء موقع الويب يمر بعدة مراحل هي: 

المرحلة الأولى: التخطيط لبناء موقع الويب: 

- وضع مخطط بسيط على الورق للصفحة الرئيسة وصفحات الويب للموقع. 
- تحديد البيانات والمعلومات التي تتضمنها صفحات الويب. 

المرحلة الثانية: تصميم شكل الصفحة الرئيسة وصفحات الويب وتنسيقها: 

- تصميم شكل الصفحة الرئيسة وصفحات الويب. 

ين الشفة منحك ار 

- تحديد أماكن وضع النصوص والصور ولقطات الفيديو بصفحات الويب. 

- تحديد الارتباطات التشعبية داخل صفحة الويب وصفحات الموقع. 

المرحلة الثالثة: الإعداد والتجهيز: 


- الإعداد والتجهيز لملفات النصوص. الصورء الصوت. الفيديو وحفظها داخل أحد المجلدات. 


المرحلة الرابعة: مرحلة التنفيذ: 


باستخدام أحد لغات البرمجة وأوامر ١171/1‏ يتم: 
- تحويل التصميم إلى صفحات ويب. 
- وضع البيانات (نصوص - صور - صوت -فيديو) في صفحات الويب. 
- إنشاء الارتباطات التشعبية لصفحات الموقع. 
المرحلة الخامسة: نشر الموقع عبر الانترنت: 
- حجز عنوان للموقع» تخصيص مساحة تخزينية له على أحد أجهزة الخادم لنشر الموقع. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 


٤ 


وزارة التريية والتعليم 


السؤال الأول: أكمل 
أولا: تصميم وإنشاء موقع الويب يمر بعدة مراحل هي: 


١‏ وثثمثو..ه. ooo‏ وثثمثمث.ء.ه. 


ثانياً: في مرحلة التنفيذ لتصميم وإنشاء موقع الويب يتم عمل التالي: 


۲ وقف ف فوم و و و و ووو و ووو ووو ووو ووو ووو ووو ووو وو ووو و6 


١‏ وقفف ف وو ف و وو وو و و ووو ووو ووو ووو ووو ووو وو ووو ووو ووو 


يتم الإجابة على الأسئلة من خلال 
برنامج ١/15 ۷0١١‏ من ملف 'إجابة الدرس الأول" بمجلد ( قالب الإجابة والمشروعات). 


o‏ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


الموضوع التالت 


اتنتناك ومعالجة ملفات الصوت 
الأهداف 


في نهاية هذا الموضوع يتوقع أن يكون الطالب قادرا على أن: 


٠‏ يتعرف برنامج إنشاء ومعالجة الصوت. 
« يعد / يُجهز (البيانات / المكونات البرمجية والمادية) لإنشاء الصوت. 
۰ يستخدم برنامج /[81003©11 لإنشاء ومعالجة ملفات الصوت. 


. ) ... - يجرى عمليات المعالجة لمقاطع الصوت ( إضافة تأثير - حذف‎ ٠ 


٠‏ يتعرف أنواع امتداد ملفات الصوت. 


۷ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


برامج إنشاء ومعالجة ملفات الصوت 


هناك العديد من البرامج التي تستخدم في التعامل مع ملفات الصوت وثمكن المستخدم من إنشاء 
ومعالجة ملفات الصوت بطرق سهلة وجيدة من خلال مجموعة من الأدوات التي تساعده في ذلك. 
إنشاء ملف صوت: 

يمكن إنشاء ملف صوت يحتوي على المقاطع الصوتية المطلوبة وإضافة التأثيرات المختلفة على 
المقطع الصوتي» ثم حفظ الصوت داخل ملف» ولإنشاء الملف الصوتي نحتاج إلى أحد برامج معالجة الصوت. 
وسوف نقوم بإنشاء ملف صوتي باسم 'مدرستي" به تعليق صوتي عن أحد أنشطة المدرسةء لإدراجه في 
لقطة فيديو عن المدرسة. 


أولاً: مرحلة الإعداد والتجهيز لإنشاء ملف صوت 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإنشاء ملف صوتى عن المدرسة بتنفيذ 
الخطوات التالية: 
١-الإعداد‏ والتجهيز بيانات عن مدرستك منها: 
” اسم المدرسة: ... الإدارة التعليمية التابعة لها المدرسة: . 
> المسابقات التي اشتركت بها: O‏ 
” المراكز التي حصلت عليها بتلك المسابقات: E‏ 
” شهادات التقدير التي حصلت عليها المدرسة............ 
” الأنشطة الصيفية التي تقدمها: 2 
” الرحلات المدرسية والأنشطة المختلفة التي تقدمها: 0 
- كتابة البيانات التي تم تجميعها عن المدرسة في أحد برامج منسقات النصوص وتنسيقها. 
- حفظ البيانات النصية داخل ملف نصي. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۲۸ 


وزارة التربية والتعليم 


؟- الإعداد والتجهيز للبرمجيات: 
عزبزى الطالب : بمساعدة معلمك وبمشاركة زملائك قم بالتالى: 
: وبمشاركة زد قم 


- التأكد من تثبيت أحد برامج إنشاء ومعالجة الصوت على 


أجهزة الكمبيوتر بالمعمل. 

< التأكد من توصيل الميكروفون ”116 ” يجهاز 

ا 

- التأكد من توصيل السماعات ”21©15©م5 ” 
بجهاز الكمبيوتر. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإنشاء ملف صوتي عن مدرستك من خلال 
أحد برامج إنشاء ومعالجة الصوت كالتالى: 
- تحميل أحد برامج إنشاء ومعالجة الصوت. 
- تسجيل الصوت من خلال البرنامج. 
- قراء ة البيانات النصية التي سبق إعدادها وادخالها للكمبيوتر باستخدام الميكروفون كوحدة إدخال. 
- تشغيل الصوت بعد الانتهاء من تسجيله والاستماع إليه من خلال السماعات. 
خطوات تنفيذ النشاط: 


- استخدام برنامج "80103614 " لإنشاء ومعالجة الصوت وهو أحد البرامج مفتوحة المصدرء وهو برنامج 
يمكنه أن يعمل على أنظمة تشغيل مختلفة مثل (.... .(Windows - Linux‏ 


- يمكن إنزال البرنامج من خلال الموقع http://audacity.sourceforge.net/‏ 


مه 


"Transport”™ 


لتسجيل الصوت 


واجهة برنامج لااءة كد (لإنشاء ومعالجة الصوت) 


وزارة التربية والتعليم 


- لبدء التسجيل الصوتي يتم الضغط على زر تسجيل إ) button‏ ۵ حيث يصبح البرنامج في 
وضع تسجيل الصوت. 
- قراءة البيانات التي تم تجميعها عن المدرسة في الملف النصي بإستخدام الميكروفون "1/11" كوحدة 


6 |” متاريق قور هر 


الشريط الزمني للبرنامج حيث يظهر به الصوت 


- للانتهاء من ادخال البيانات الصوتية يتم الضغط على زر الإيقاف "5400 |[ )). 


- للاستماع إلى الصوت الذي تم إدخاله بالضغط على زر التشغيل "را۲" ® 


وزارة التربية والتعليم 


ثالثاً: التعديل في الصوت (أو بمقطع الصوت) 


بعد الاستماع إلى الصوت الذي تم تسجيله قد يكون هناك الحاجة إلى إضافة تأثيرات على الصوت (أو 


مقطع صوتي)» حذف أو قص جز من الصوت (مقطع صوتي)» ولصقه في مكان آخر في مقاطع الصوت. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإضافة تأثير للصوت أو لمقطع بالصوت كالتالي: 


لد لط لطر الممن ها۴ والاستماع إليه. 


- تحديد مقطع الصوت المطلوب إضافة التأثير له وذلك بالضغط والسحب على الجزء المطلوب بالصوت 
بإستخدام مؤشر القراءة على الشريط الزمني. 


الشريط الزمني للبرنامج ويظهر به الصوت 


SS. |, 
<> | اتور‎  لاليراتاعم‎ > 

Stereo, 44100Hz 

32-bR float 


Mute Solo 


- من قائمة 1788614 يتم اختيار أحد التأثيرات المطلوبة. 


- إعادة تشغيل الصوت من زر التشغيل والاستماع إلى الصوت (مقطع الصوت) بعد إضافة التأثير. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۳۲ 


وزارة التربية والتعليم 


رس لإضافة تأثيرات أخري على الصوت (أو أحد مقاطع الصوت). 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالآتي: 

- تحديد مقطع الصوت وإضافة أحد التأثيرات عليه مثل تأثير التكرار '8606©24". 
- تشغيل الصوت والاستماع إليهء استنتاج الغرض من هذا التأثير. 

نلاحظ: عند اختيار تأثير التكرار'560621" يتم تكرار المقطع المحدد. 


لإضافة تأثيرات أخري على الصوت (أو أحد مقاطع الصوت). 


- عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالآتي: 
- تحديد مقطع الصوت وإضافة أحد التأثيرات عليه مثل تأثير الانعكاس "1/6156©". 
- تشغيل الصوت والاستماع إليه ومحاولة الاستنتاج الغرض من هذا التأثير. 


نلاحظ: عند اختيار تأثير عكس "5610/6:56" يتم عكس بداية المقطع مع نهايته. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم باختيار باقي التأثيرات 
تدرب ) واضافتها إلى أحد مقاطع الصوت. 


- تشغيل الصوت والاستماع إليه ومحاولة استنتاج الغرض من كل تأثير. 


وزارة التربية والتعليم 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بقص جزء من الصوت (مقطع صوتي) ولصقه في 
مكان آخر بين مقاطع الصوت كالتالي: 
- تحديد المقطع الصوتي المطلوب نقله » من قائمة 20114 اختيار 4لا 6. 


- تحريك مؤشر القراءة بالشريط الزمني إلى المكان المطلوب عمل لصق للمقطع الصوتي عنده» من قائمة 
E۸٤‏ يتم اختيار Pase‏ . 
- إعادة تشغيل الصوت من زر التشغيل والاستماع إليه. 


وزارة التربية والتعليم 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بحذف جزء من الصوت (مقطع صوتي) كالتالي: 
- تحديد المقطع الصوتي المطلوب حذفه. 
- الضغط على مفتاح "Delete"‏ من لوحة المفاتيح فيتم حذف المقطع الصوتي الذي تم تحديده. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بتصدير ملف صوت بامتداد مناسب كالتالي: 


- تصدير ملف الصوت من خلال قائمة File‏ اختيار .Export Audio‏ 
- تحديد الامتداد المناسب لملف الصوت. 
- حفظ ملف الصوت داخل مجلد "57201". 


وزارة التربية والتعليم 


هناك أنواع مختلفة لامتداد ملفات الصوت مثل ۷۷۸۷ء 21153 ... وهي تختلف في جودة ونقاء الصوت 


والمساحة التخزينية وعلى حسب الحاجة يتم استخدام امتداد الملف المناسب. 


ر تت ) عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالتالي: 


- التعرف على الأنواع المختلفة لامتداد ملفات الصوت أثناء تصديرها كملف صوت. 
- تصدير ملف الصوت بامتداد ۷۸۷ ثم تصدير الملف مرة أخري بامتداد 53االاا. 
- المقارنة بين ملفي الصوت ذات الامتداد ۷۸۷ والامتداد ١۴3‏ من حيث: 


5" جودة الصوت ووضوحه ونقائه 
- من خلال الإنترنت يتم القيام بالبحث عن أنواع ملفات الصوت ذات الامتدادات المختلفة. 
- تجميع البيانات والمعلومات عن أنواع ملفات الصوت ذات الامتدادات المختلفة في أحد برامج منسقات 
النصوص. 
- يناقش المعلم الطلاب في نتائج بحثهم. 


وزارة التريية والتعليم 


- ملف الصوت ذو الامتداد ۷۸۷ يتميز فيه الصوت بالجودة والوضوح» له سعة تخزبنية كبيرة» لذا فهو 


غير ملائم للنشر عبر مواقع الويب. 
- ملف الصوت ذو الامتداد 1/53 يكون فيه الصوت أقل نقاء بالمقارنة مع الملف ذو الامتداد ۷۸۷ له 


سعة تخزينية أقل» لذا فهو ملائم للنشر عبر مواقع الويب. 


۴۷ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


لإنشاء ملف صوت يتم اتباع التالي: 


أولاً: الإعداد والتجهيز: 
- جمع البيانات التي سوف يتم تسجليها صوتيا. 
- التأكد من تثبيت أحد برامج إنشاء ومعالجة الصوت على أجهزة الكمبيوتر بالمعمل. 
- التأكد من توصيل الميكروفون ۸1٥”‏ ” و السماعات "50631615" بجهاز الكمبيوتر. 
ثانياً: التنفيذ لإنشاء ملف الصوت: 
تحميل أحد برامج إنشاء ومعالجة الصوت. 
البدء في تسجيل الصوت وبتم بالضغط علي زر التسجيل "566010". 
استخدام الميكروفون لإدخال البيانات الصوتية. 
للانتهاء من ادخال البيانات الصوتية يتم الضغط على زر الإيقاف "5600 ". 
لتشغيل الصوت بالضغط على زر تشغيل "ها۴" الاستماع إلى الصوت من خلال السماعات. 
ثالثاً: التعديل في الصوت: 
- إضافة تأثيرات على مقطع صوتي. 
- قص ولصق مقطع صوتي. 
- حذف مقطع صوتي. 
رابعاً: تصدير الصوت إلى ملف: 


- تصدير الصوت إلى ملف صوت بامتداد مناسب. 


الفمبيوتر وتكنونوجيا المعلومات والإتصلات 


۳۸ 


وزارة التريية والتعليم 


الأسيله والنارييان 2 


:أ التا 1 


اختر أحد الموضوعات الدراسية لأحد المواد الدراسية. 
جمع بيانات حول الموضوع الدراسي. 

حمل أحد برامج إنشاء وتعديل ملفات الصوت. 

انشئ ملف صوتي حول الموضوع الدراسي. 

صدر ملف الصوت بامتداد مناسب. 


يتم الإجابة على الأسئلة من خلال: 


MS Word z7 


۳۹ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


الموصضوع الرايع 
إلتنتناك ومعالجة ملقات 


.4 الصف الثاني الإعدادي 


وزارة التربية والتعليم 


الأهداف 


في لهاية هذا الموضوع يتوقع أن يكون الطالب قادرا على أن: 
يتعرف بعض برمجيات معالجة ملفات الفيديو. 
يستورد ملفات (صور/ صوت) لبرنامج إنشاء ومعالجة ملفات الفيديو ا0ك١‏ مم0. 
ينشئ مشاهد فيديو داخل برنامج معالجة ملفات الفيديو. 
يعدل في مشاهد الفيديو. 
يحفظ ملف مشروع الفيديو. 
يضيف (تأثيرات / مراحل انتقالية/ نص) لمشاهد الفيديو. 


يصدر الفيديو إلى ملف بامتداد مناسب. 


الكمبيوتر وتكنولوجيا المعلومات والإتصالات ٤‏ 


وزارة التربية والتعليم 


برامج إنشاء ومعالجة ملفات الفيديو 


برامج إنشاء ومعالجة الفيديو هي تلك البرامج التي ثُمكن المستخدم من إنشاء وتعديل ملفات الفيديو 


من خلال احتوائها على العديد من الأدوات والوسائل والتأثيرات التي تساعد المستخدم في إنشاء ومعالجة 


لقطات الفيديو بطريقة سهلة وسريعة. 


ولإنشاء أحد ملفات الفيديو لمجموعة من الصور التي تم التقاطها أو معالجة مشاهد فيديو تم تسجيلها 
من خلال كاميرا الفيديو أو كاميرا الويب يجب استخدام برنامج يتم من خلاله تجزئة هذا الفيديو إلى مجموعة 
من اللقطات الثابتة والتي بتسلسلها وتمريرها بسرعة محددة يهيئ الإحساس البصري بالحركة» وهذه اللقطات 
تصبح متاحة لإنشاء وتعديل محتواها ويذلك يمكن تعديل الفيديوء وهناك العديد من البرامج التي يمكن 
الاستعانة بها في إنشاء وتعديل ملفات الفيديو مثل: 


برنامج '061106»!". ويرنامج '00615101" وهى برامج مفتوحة المصدر "Open Source"‏ 
تستخدم لإنشاء ومعالجة ملفات الفيديو ويمكنها أن تعمل من خلال نظام التشغيل <انااأ-ا و نظام التشغيل 
Windows"‏ وهناك برنامج "1/1311 م۷1٥"‏ والذي يعمل من خلال نظام التشغيل "1001/5 |لالا", ومن 


خلال الانترنت يمكن تحميل أحد برامج إنشاء ومعالجة الفيديو. 


77 الصف الثاني الإعدادي 


وزارة التربية والتعليم 


تحميل برنامج إنشاء ومعالجة الفيديو والتعرف على واحهته 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بتحميل برنامج 006075104" لإنشاء 
ومعالجة الفيديوء والتعرف على واجهة البرنامج. 


ت تنفيذ النشاط: 


- تحميل برنامج '0061751014" لإنشاء ومعالجة الفيديو. 


١‏ ٌْ برنامج 
- ويمكن الحصول عليه من الرابط http://www.openshot.org‏ 1 ) 


برنامج معالجة الفيديو "1011601 ١/1060‏ 0061511014" يستخدم لإنشاء ومعالجة الفيديو حيث يمكن 
إنتاج ملفات فيديو ذات جودة عالية من الصور والخلفيات وإضافة المقاطع الصوتية لهاء ويتميز هذا البرنامج 
بواجهة تشغيل سهلة الاستخدام» يمكن من خلالها إضافة الصور وملفات صوت بسهولة ويسر. مع اضافة 
التأثيرات لمشاهد الفيديو والمراحل الانتقالية كفواصل بين الصورء وأيضاً اضافة النصوص إلى تلك المشاهد. 


وسوف يستخدم البرنامج في إنشاء ملف فيديو عن الأنشطة المختلفة لأحد المدارس. 


الكعبيوتر وتكنولوجيا المعلومات والإتصالات ٤4‏ 


File Edit Tile View Help 
لهد لا نا ا‎ FEHM © 


Project Files EINK Video Preview 


Show All Video Audio Image ۲ 


Project E EDEL Sia 


® 20 seconds 


` 0000:00:01 


11361“) 4 
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.Naiہ‎ 1001231 -الشربط الرئيس‎ ١ 

.Project Files "-ملفات المشروع‎ 

۳-تبوبب الوظائف 131 1111614101 (للتنقل بين ملفات المشروع - ملفات الصور-ملفات الصوت). 
؛ -معاينة الفيديو .Preview Window‏ 


ه-شريط التحرير 10015831 5011. 


وزارة التربية والتعليم 


.Z00۳ 511061 -التصغير والتكبير‎ ٦ 
.Play head/Ruler لاحرأس القراءة‎ 
. 111761106 /-الشريط الزمني‎ 


ر 
| تدريب | 
عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك: 


- اوجد أوجه التشابه والاختلاف بين واجهة برنامج 0061051104 والبرامج الأخرى التي سبق لهم استخدمها. 
- استخدم المساعد ما٠١‏ للحصول على المزيد من المعلومات حول البرنامج. 


Timeline‏ لليرنا 


00:00:35 


LES: 
HERK 


1002 


١-المسطرة‏ ها۴ (تظهر المدى الزمني الحالي بالشريط الزمني). 
؟ حرأس القراءة 11830 ا3ا5 (يقرأ الكليب الحالي الذي يقف عليه في الشريط الزمني ليظهر في نافذة 


۳-الكليب الحالي (قد يكون صورة أو صوت أو لقطة فيديو). 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ٤٦‏ 


وزارة التربية والتعليم 


٤‏ - المسارات 713615 (المسارات تشبه الطبقات 615/ا13. حيث يتم وضع صورة أو صوت أو لقطة الفيديو 


على المسار ويمكن استخدام عدد غير محدود من المسارات بالمشروع, ويجب ملاحظة أن المسار الأعلى له 


الأولوية في القراءة بمؤشر القراءة ليظهر ما به في الفيديو ثم يليه المسار الذي أسفله وهكذا...). 


إنشاء مشاهد فيديو (5م1!© 0ع10/٠)‏ 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإنشاء مشاهد فيديو عن مدرستكم لتضم 

صور عن المدرسة والمعامل والملاعب التي بهاء الأنشطة والمسابقات التي اشتركت بها المدرسةء صور لأهم 
الشهادات والجوائز التي فازت بها المدرسة. 
خطوات تنفيذ النشاط: 
ولكي يتم إنشاء مشاهد فيديو عن المدرسة بسهولة ويسر يتم إتباع الخطوات التالية: 

١-استيراد‏ ملفات الصور داخل البرنامج. 

؟- ترتيب الصور على الشريط الزمني 115061106 للبرنامج. 

۳- استيراد ملف الصوت داخل البرنامج. 

٤‏ - معاينة الفيديو. 
١-استيراد‏ ملفات ١‏ داخل اليرنا 
- الضغط على زر استيراد ملفات ۴ في الشريط الرئيس 70015031 1/1317 واضافة الصور المطلوبة (كذلك 

يمكن استيراد الملفات من قائمة ۴٥ا۴‏ ثم اختيار es|ا¡۴ .(Import‏ 


- استيراد ملفات الصور من داخل مجلد "مدرستي". لتظهر في تبويب 1185! 04 ز٥٣۴‏ بالبرنامج. 


4 الصف الثاني الإعدادي 


وزارة التربية والتعليم 


۲ -ترتيب الصور على الشربط الزمنی ©15ا©1150: 
لتكوين مشاهد فيديو "01105 1060ل" يتم وضع وترتيب الصور على الشريط الزمني 11061156 للفيديو كما 


لي 


1 


8 20seonds 


00:00:01 


Track4 


'الشريط الزمني 6«ذاع1؟7" 


- بالضغط مع السحب للصور التي في نافذة ملفات المشروع ”ك٠|ذ۴‏ اءمزه٣۴“.‏ 
- يتم وضع كل صورة في المسار 71361 الخاص بها مع ترتيبها على حسب الرغبة في أولوية الظهور. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 44 


وزارة التربية والتعليم 


- عند وضع الصورة في المسار 17361 يتكون مشهد فيديو (مiا٤‏ 1060/) وتظهر فى نافذة معاينة الفيديو 


."Video Preview" 


- ترتيب باقي الصور في المسارات ' 153615" على الشربط الزمني. 


۳ -استيراد ملف الصوت داخل البرنامج: 


- ولجعل مشهد الفيديو أكثر جاذبية وتأثير يتم إضافة الموسيقي أو التعليق الصوتي إليه. 


- ولإضافة ملف الصوت يتم الضغط على إضافة ملف 2 1116 800 بالشريط الرئيس ‏ ”اة“ 


31 واإضافة ملف الصوت المطلوب ليظهر في تبوبب ”5ه!21 أعوءزووط“. 


وزارة التربية والتعليم 


بالضغط مع السحب على رمز ملف الصوت وادراجه فى أحد المسارات (كاءع12:3). 
جڪ 1 في را 


Video Proview 


00 00:00:01 


Practice Test 1 mp3 
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-معاينة الفيديو: 
لعمل معاينة للفيديو يتم الضغط على زر تشغيل 613" 7 في نافذة معاينة الفيديوء 
ومشاهدة الفيديو. 
. 5 0 


Project Files 1 Video Preview 


ShowAll Video Audio Image 


> ا ۳ 


Project Files Transitions Effects 


وزارة التربية والتعليم 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم باستيراد ملفات (الصور/ 
الصوت) داخل ابراچ 


دوّن ملاحظاتك (في دفترك أو من خلال أحد منسقات النصوص) عن خطوات استيراد الملفات المختلفة 


بالبرنامج. 


.Edit Toolbar 


يمكن إعادة ترتيب وضع مشاهد الفيديو (الصور/ الصوت بالمسارات) من خلال الضغط والسحب 
عليها وترتيبها على المسارات وذلك حسب أولوية الظهور. 
تحديد بدء الاستماع لملف الصوت بالضغط مع السحب للصوت في مساره بالشريط الزمني وتحديد 


موضعه. 


۵۱ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


حفظ مشروع الفيديو Save Project‏ 


تلك الملفات داخل مجلد محددء وفي الدروس السابقة تم حفظ جميع تلك الملفات داخل مجلد باسم "7701" 
وذلك حتى يمكن الرجوع لمشاهد الفيديو والتعديل بها بالحذف أو بالإضافة أو لاستكمال العمل في الفيديو في 
وقت آخر› والآن كيف يمكن حفظ مشروع الفيديو؟ 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بحفظ مشروع '601ز8:0" الفيديى. 
ات تنفيذ النشاط 
يتم حفظ مشروع الفيديو من خلال التالي: 
- حفظ جميع الملفات (صور. صوت....) والمستخدمة في مشاهد الفيديو» داخل مجلد محدد. 


- من شريط القوائم الرئيس 1001931 "ھا يتم اختيار ھ‌Fil‏ ثم اختيار .Save Project As‏ 


- تسمية المشروع بأسم "561" ( يجب أن يكون الأسماء المستخدمة باللغة الإنجليزية). 


- تحديد مكان الحفظ داخل مجلد "701". 

- إغلاق برنامج إنشاء ومعالجة الفيديو. 

- ولاستكمال العمل في مشروع الفيديو مرة أخرى» يتم تحميل برنامج إنشاء ومعالجة الفيديوء ثم فتح 
المشروع "561" من داخل المجلد "2001". 


- التعديل في مشاهد مشروع الفيديو. 


الكهبيوتر وتكذولوجيا المعلوهات والإتصالات 6٠‏ 


وزارة التربية والتعليم 


ملاحظات هامة لحفظ المشروع 

أثناء العمل على برنامج 02615104 من خلال نظام التشغيل 1001/5لالا وحفظ المشروع السابق قد 
نلاحظ أن رمز الملف المحفوظ "561" قد يكون غير مُعرف ويظهر رمزه بالشكل التالي 
ولریط الملف ببرنامج "07615101" يتم عمل اقتران "85506131101 وذلك بإتباع 
الخطوات التالية: 
- الضغط بالزر الأيمن على رمز الملف "561" تظهر قائمة فرعية. 
- من هذه القائمة يتم اختيار Properties‏ ثم Change‏ ثم .More Options‏ 
- اختيار .Look for another app on this PC‏ 
- البحث عبر جهاز الكمبيوتر على المجلد الذي تم تثبيت برنامج 061751014 به. 


-اختيار اقتران الملف "855061314101 بالملف التنفيذي للبرنامج. 
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or‏ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


بعد معاينة مشاهد الفيديو قد تحتاج تلك المشاهد إلى التعديل مثل إعادة ترتيب المشاهد. حذف أحد 
المشاهدء زيادة الفترة الزمنية أو تقليل الفترة الزمنية لإحداها أو أن الفترة الزمنية التي يعرض بها الصوت 
أكبر من الفترة الزمنية لمشاهد الصور. 
١-التحكم‏ في الفترة الزمنية المخصصة لعرض مشهد فيديو (مذا© 060آلا): 


بعد عمل معاينة لمشاهد الفيديو (الصور مع الصوت) فقد يكون الصوت بالفيديو فترته الزمنية للعرض 
أكبر من الفترة الزمنية لكليب الصور ويظهر ذلك في الشريط الزمني 71061176 حيث ينتهي عرض الصور 
ويستمر الصوت مسموع وذلك في معاينة الفيديو كما يمكن ملاحظة ذلك في مشاهد الفيديو (5م1ذا©) 
بالشريط الزمني. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 64 


وزارة التربية والتعليم 


Project Files Transitions Effects 


® 20 seconds 
00:00:00:01 02:00 
113014 Practice Test 1.mp3 
ل ل‎ 


LEE: 


LES 


لكترة ار فر 
كليبات الصور ف 


- ويمكن التحكم في مشهد الصوت بحيث ينتهي مع نهاية عرض آخر مشهد لآخر صورة على الشريط 


الزمنى. 


RS 
Praject Files Transitions Effects 9 


2 القراءة‎ 4 
: : 5 >-7 ® 20seconds 
00:00:00:01 ر‎ a 00:01:40 00:02-00 


LEGS Practice Test 1.mp3 
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' الشريط الزمنى 1192761156 " 


00 الصف الثاني الإعدادي 


وزارة التريية والتعليم 


التحكم في الفترة الزمنية المخصصة للصوت مع مشاهد الصور 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالتحكم في مشهد الصوت من خلال تحديد 
الفترة الزمنية له على الشريط الزمني. 
خطوات تنفيذ النشاط كالاتى: 
- تحريك مؤشر القراءة وذلك بالضغط والسحب على رأسه (أو باستخدام الأسهم بلوحة المفاتيح) حتى يصل 


لآخر مكان على الشريط الزمني ينتهي عنده ظهور آخر صورة في مشهد الفيديو. 


Project Files Transitions Effects 


5 7 |) 20 seconds 
0:00:20 2 00140 00:02:00 


00:00:30:01 
LER: Practice Test 1.mp3 


Jd 
لل‎ 
الوقوف بمؤشر الفأرة على مسار الصوت (19361) والضغط بالزر الأيمن للفأرة.‎ - 


- ومن القائمة المختصرة التي تظهر يتم اختيار شريحة الكليب Slice Clip‏ -ثم .Keep left slide‏ 


- يقوم الطلاب بتدوين ملاحظاتهم لنتائج هذا الاختيار. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 0٦‏ 


وزارة التربية والتعليم 


Effects‏ 121005 كدعا عأموزوعط 
Volume‏ 


Separate Audio 
> ® 


Keep Both Sides 


00-00-30-01 - تزف‎ Keep Left Side 
ا‎ 4 Properties Keep Right Side 


Track 4 Practice Test 1.mp3 Remove Clip 


لے 


- عند تحريك مؤشر القراء ة على الشريط الزمني ثم اختيار أحد المسارات بالوقوف والتأشير عليه بالفأرة 
واختيار أمر "0110© ©5116" (شريحة الفيديو) فإنه يتم عمل انقسام في مشهد الفيديو بالمسار المحدد وذلك 


في موضع مؤشر القراء ة ليصبح شريحتين (شريحة جهة اليمين و شريحة جهة اليسار). 


1 تدريب | عزيزى الطالب : عند اختيار أمر شريحة الكليب ما٣‏ ©5116 تظهر الاختيارات التالية: 


Keep Both slides - 
Keep left slide - 
Keep Right slide - 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك استنتج الفرق بين هذه الإختيارات. 


- عند اختيار 511065 58041 660! يتم عمل انقسام في الكليب الذي على المسار إلى شريحتين مع 
الاحتفاظ بهما. 


RIES‏ كزملاأكمه 1‏ كمال عغععزمرم 


05مىء 20 © : ® 


RUE) 


ERS ERC RE) Practice Test 1.mp3 


Jd 


لاه الصف الثاني الإعدادي 


وزارة التريية والتعليم 


- عند اختيار 51106 ١۴٠ا K٠‏ يتم عمل انقسام في الكليب الذي بالمسار إلى شريحتين مع إبقاء 


Project Files Transitions Effects 


8- © 20 seconds 


00:00:29:20 


ERÎ "Practice Test 1.mp3 


۴ 


- عند اختيار ٠اه‏ 11914 م٠٠‏ يتم عمل انقسام في الكليب الذي على المسار إلى شريحتين مع إبقاء 
الشريحة التي باليمين فقط ومسح الشريحة باليسار. 


Project Files Transitions Ef 


00:00:29:1 


Practice Test 1.mp3 


- من خلال تحديد الفترة الزمنية للمشهد على الشريط الزمني. 
- بالضغط والسحب على رأس مؤشر القراءة وتحريكه حتى يصل للمكان المطلوب على 
الشريط الزمني. 
- الضغط على مسار المشهد 75361 بالزر الأيمن للفأرة» تظهر قائمة مختصرة. 
- اختيار أمر شريحة الكليب ما ©5116 - لينقسم المشهد لشريحتين وعند اختيار: 
5ه Both‏ مKee‏ يتم الإبقاء على الشريحتين (اليسرى واليمنى). 
© اها Keep‏ يتم الإبقاء فقط على الشريحة اليسرى. 
©5116 51014 مKee‏ يتم الإبقاء فقط على الشريحة اليمنى. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات مه 


وزارة التربية والتعليم 


إضافة تأثيرات "ء٤٤٥۴۴۴٤"‏ لمشهد الفيديو 


يتم إضافة تأثيرات "2716615" على مشهد (أو مشاهد) الفيديو والتحكم في الفترة الزمنية لهذا التأثير 
وذلك على حسب الرغبة في إظهار هذا المشهد (أو المشاهد). 


Show All| Video Audio Image 


Project Files Transitions Effects 


- تظهر مجموعة من التأثيرات تحت اسم 'sاcمffع'.‏ 


64 الصف الثاني الإعدادي 


وزارة التربية والتعليم 


show All Video Audio ز‎ 
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Blur Brightness .. SLE ...عا‎ 
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Colour Saturation 


Project Files LEE Effects 
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00:00:00:01 


ERS 897 ipa تم 1 أو‎ 


- لإضافة تأثير "576©1” لمشهد الفيديو يتم اختيار أحد التأثيرات. 


- الضغط والسحب على التأثير وإضافته لمشهد الفيديو. 


le Edt Title View Help 
REM 4 + 


fects EO 


Show All Video Audio 


Effects 


- عمل معاينة لمشاهدة الفيديو. 


- يدون الطلاب ملاحظاتهم بعد وضع التأثير على مشهد الفيديو. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 5 


وزارة التربية والتعليم 


00:00:0011 


LE 


OO:00:00:11 


Els 


- ولحذف التأثير المضاف للمشهد الفيديو بالضغط على زر الفأرة الأيمن على رمز التأثيرء لتظهر القائمة 
المختصرة لحذف التأثير ٤٥٤٤‏ 56170176" واختيار حذف التأثير. 


00-001 - 
Track 4 1 22 2A7 ina 
BF Remove Effect 


r وج‎ 


إضافة تأثير لمشهد الفيديو: 
- الضغط على تبويب 'sاcم؟ع‏ ". 
- اختيار أحد التأثيرات بالضغط والسحب عليه وإضافته لمشهد الفيديو. 
- يظهر رمز التأثير على مشهد الفيديو. 
- ولقراءة اسم التأثير يتم التأشير بالفأرة على رمز التأثير. 
- ولحذف التأثير المضاف لمشهد الفيديو بالضغط على زر الفأرة الأيمن على رمز التأثير 
واختيار حذف التأثير ."Remove Effect"‏ 


وزارة التربية والتعليم 


ثانياً: إضافة مراحل انتقالية 753115181005 لمشاهد الفيديو 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإضافة مرحلة انتقالية 722051410075 


خطوات تنفيذ النشاط كالتالى: 


- الضغط على تبوبب الانتقالات "113051110115" 


Video Praview 


- فتظهر مجموعة من المراحل الانتقالية. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 
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وزارة التربية والتعليم 


Ele Edit Title View Help 
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Un 
I Frrr, gs mu ييا‎ 
= iı | وص بر‎ mT E ا‎ 
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Track 4 ومرز كم‎ - Test 1mp3 
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Video Preview 


Transitions Effects 


OO:O00:007 
Track 4 CTEM ice Test 1.mp3 
م‎ 


- يتم وضع المرحلة الانتقالية في بداية أو نهاية المشهد. 

- التحكم في فترة الزمنية لعرض المرحلة الانتقالية بالضغط والسحب عليها لتقليل أو زيادة الفترة الزمنية لها 
بالعرض. 

- عمل معاينة لمشاهدة الفيديو. 


۹۳ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


ظ ندريب 
ب عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالتنقل بين التبويبات الثلاثة 


الآثية: "Effects"‏ و "Transition"‏ و «Project Files"‏ مع التأكيد على الفرق فى استخدامها. 


File Edit Title Vicw Help 
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Project Files Transitions Effects 3 


ilتılة Transitions‏ 
- الضغط على تبويب الانتقالات '113051110075". 
- الضغط مع السحب على أحد المراحل الانتقالية وإضافته للمشهد المطلوب. 
- وضع المرحلة الانتقالية في بداية أو نهاية المشهد. 
- التحكم في فترة الزمنية لعرض المرحلة الانتقالية بالضغط والسحب عليها لتقليل أو زيادة 


الفترة الزمنية لها بالعرض. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 54 


وزارة التربية والتعليم 


ثالتاً: إضافة نص إلى الفيديو 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإضاقة نص لمشاهد الفيديو. 


ت تنفيذ النشاط كالات 


- تحديد النصوص المطلوب إضافتها للفيديو. 

- تحديد الأماكن التي سوف يضاف إليها النص (في بداية الفيديو - بين مشاهد الفيديو - في نهاية 
الفيديو). 

- من قائمة 11618 يتم اختيار ©1141., فيظهر المريع الحواري التالي: 

١-اختيار‏ قالب الخط “Select a template”‏ ادم 


؟"-تغيير نوع الخط “Change Font”‏ 


Change Font‏ ان 


Text! Text Coloe "Text Color" ید لون الخط‎ 4_0 ۳ 


Background: Background Colour 


Advanced: Use Advanced Editor "Background Color" -تغيد لون ۱ خلفية‎ ٤ 
"52106" ه-حفظ النص فى ملف‎ 


|_ sve | كك‎ 


Gold 1 ¥‏ :ع فامصمع1 


مدرسة السنية الإعدادية :1 Line‏ 


ات 


مدرسة الستية الإعدادية للبنات 


Font: Change Font 


Text: TT Tare 


Advanced: Use Advanced Editor 


Save Cancel 


56 الصف الثاني الإعدادي 


وزارة التربية والتعليم 


- بمساعدة معلمك وبمشاركة زملائك تعرف على الخطوات المختلفة لكيفية ملء المريع الحواري 
لإضافة نص. 

- بالضغط على زر حفظ "53176" لحفظ النص داخل ملف في مجلد مشروع "7701". 

- يجب تسمية الملف النصي باللغة الإنجليزية. 

- يظهر الملف النصي في ملفات المشروع "1!©5! 4ع8:/0[6. 


Video Preview 


- ولإضافة النص إلى مشاهد الفيديو بالضغط مع السحب على الملف النصي بملفات مشروع وإضافته إلى 


أحد المسارات. 


لاضافة نص لمشاهد الفيديو: 
- من قائمة 71016 يتم اختيار ©1141. 
- ملء بيانات المربع الحواري. 
- حفظ النص في ملف "53176". 
- تسمية ملف النص باللغة الإنجليزية. 
- يظهر الملف النصي في ملفات المشروع "1165 أعوزه270". 
- إضافة الملف النصي إلى مشاهد الفيديو بالضغط مع السحب على ملف النص وإضافته 
إلى أحد المسارات. 


ش/ 1" 


الكعبيوتر وتكنولوجيا المعلومات والاتصالات ۹٦‏ 


وزارة القربية والتعليم 
ملاحظات: 
- يمكن وضع النص في بداية الفيديو أو بين مشاهد الفيديو المختلفة أو في نهاية الفيديو. 
- إضافة مسار "7731" أو أكثر لوضع النص عليه والمشاهد الأخرى (صور-أصوات). 
- إعادة ترتيب مشاهد الفيديو (الصور-الصوت-النص) على المسارات وذلك على حسب أولوية الظهور. 


LEE 


00:00-00:01 


'إعادة ترتيب مشاهد الفيديو ' 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإضافة نص آخر للفيديو 
من خلال اتباع الآتى: 
- اتباع نفس الخطوات السابقة لإنشاء ملف نصي آخر يحتوي على بيانات عن مدرستهم مثل اسم 
المحافظة والإدارة التعليمية. 


- حفظ ملف النص داخل مجلد مشروع .'۴۲٥1"'‏ مدرسة السنية الإعدادية بنات 
- إضافة النص لمشاهد الفيديو كما بالخطوات السابقة. 


محافظة: القاهرة 


تاعارد تر مشا ا الإدارة التعليمية: جنوب القاهرة 


۷ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


تصدير الفيديو إلى ملف بامتداد مناسب 


بعد الانتهاء من المشروع ووضع جميع مشاهد الفيديو المطلوبة والتعديل بها ووضع التأثيرات 
المطلوبة والمراحل الانتقالية عليها يمكن تصدير المشروع إلى ملف فيديو ذو امتداد يناسب الاحتياجات 
المطلوبةء ومن خلال هذا البرنامج يمكن تصدير ملف الفيديو للعديد من الامتدادات. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بتصدير الفيديو إلى ملف بامتداد مناسب. 


ت تنفيذ النشاط كالتا 


- الضغط على زر تصدير الفيديو ® ”0ء۷14 ٤o۲م۴x“‏ فى القائمة الرئيسة "70015217 "Nain‏ 


(أو من خلال قائمة File‏ ثم اختيار .(Export Video‏ 
لكا 0-2 0 0 


showAll Video Audio Image 


معربة السلية اللاعدامية الليئات 


- يظهر المربع الحواري لتصدير الفيديو "1060لا 0114م<ا". 
- تحديد اسم لحفظ ملف الفيديو "81300 ©11لا". 
- تحديد مكان حفظ الملف على جهاز الكمبيوتر أو أحد وحدات التخزين "5345 701061". 


- تحديد نوع امتداد ملف الفيديو "1310©1". 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۸ 


وزارة التربية والتعليم 


- تحديد مستوى جودة الملف (عالي الجودة - متوسط الجودة- قليل الجودة) 'راااQua'.‏ 
- الضغط على زر تصدير الفيديو "1060// 20014" ليبدأ فى تصدير ملف الفيديو. 
- تشغيل ملف الفيديو الذي تم تصديره ومشاهدته. 


File Name: Untitled Project 


Folder Path: EEA LULA! 


Simple Advanced 


Select a Profile to start: 


Profile: All Formats 

Select from the following options: "Export Video 'المريع الحوارى لته ندیر اأ ديو‎ 
Target: MP4 (h.264) 

Video Profile: HDV 720 24p 


OES High 


Export Video Cancel 


اسای ن a:‏ 
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54 الصف الثاني الإعدادي 


وزارة التريية والتعليم 


لتصدير ملف الفيديو بامتداد مناسب: 
- الضغط على زر تصدير الفيديو ”1060لا 011م»اط" . 
في المربع الحواري لتصدير الفيديو "19060/ا 0014" تحديد التالي: 
- اسم ملف الفيديو N2۳۴۲"‏ 116ا". 
- مكان حفظ الملف ."Folder Path"‏ 
- نوع امتداد ملف الفيديو "130©1". 
- تحديد مستوى جودة الملف 'راااQua".‏ 


- تصدير الفيديو بالضغط على زر تصدير الفيديو "0ع106ل/ا 014م)اا". 


أنواع ملفات الفيديو ذات الامتدادات المختلفة 


هناك أنواع مختلفة لملفات الفيديو ذات الامتدادات المختلفة» وتختلف من حيث المساحة التخزينية 


والجودة والنقاء » ويتم تحديد نوع امتداد ملف الفيديو على حسب الاستخدام. 


ندريب 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالبحث عبر الإنترنت عن التالي: 


- أنواع ملفات الفيديو المختلفة. واستخداماتها المختلفة. 
- الفرق بين ملفات الفيديو ذات الامتداد ( 1/154 -الالىم -...) من حيث المساحة التخزينية» جودة 


ووضوح الفيديو. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۷۰ 


وزارة التربية والتعليم 


لإنشاء الفيديو يتم اتباع التالي: 
- استيراد ملفات الصور والصوت داخل البرنامج. 
- ترتيب مشاهد الفيديو (صور- صوت) على الشريط الزمني 11061106 للبرنامج. 


حفظ مشروع الفيديو 14عء[2170 5216: 
- إنشاء مجلد للمشروع (وإعطاء اسم له باللغة الإنجليزية) على أحد وحدات التخزين. 
وضع جميع الملفات (صور- صوت...) المستخدمة لإنشاء الفيديو داخل مجلد المشروع. 
حفظ ملف المشروع ( وإعطاء اسم له باللغة الإنجليزية) من شريط القوائم الرئيس “ai١‏ 
robar‏ يتم اختيار File‏ ثم .Save Project As‏ 
حفظ ملف المشروع داخل مجلد المشروع. 
تعديل مشاهد الفيديو من خلال: 
التحكم في الفترة الزمنية المخصصة لعرض مشهد فيديو (ما٣‏ ٥٠ءل۷).‏ 
إضافة تأثيرات "21615" لمشهد الفيديو . 
إضافة مراحل انتقالية 113051110075 بين مشاهد الفيديو . 
لإضافة نص لمشاهد الفيديو: 
- من قائمة 1141 يتم اختيار ©71:18. ملء بيانات المربع الحواري. 
- حفظ النص في ملف ( تسمية ملف النص باللغة الإنجليزية). 
- يظهر الملف النصي في ملفات المشروع "11165 4©هزه:50, ويتم إضافة الملف النصي إلى 
مشاهد الفيديو بالضغط مع السحب على ملف النص وإضافته إلى أحد المسارات. 


تصدير الفيديو إلى ملف بامتداد مناسب: 


- هناك أنواع لملفات الفيديو ذات امتدادات مختلفة (مثل ۸۷1-۸۴4 -..). 


۷١‏ الصف الثاني الإعدادي 


تتكون واجهة البرنامج من التالي: 
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وزارة التربية والتعليم 


السؤال الثالث:_رتبت الخطوات التالية لحفظ مشروع الفيديو 64 ءزه570 523176: 


) حفظ ملف المشروع داخل مجلد المشروع. 
) حفظ ملف المشروع ( وإعطاء اسم له باللغة الإنجليزية) من شريط القوائم الرئيس ”اة“ 


.Save Project As ثم‎ File يتم اختيار‎ 2» 


بف الصف الثاني الإعدادي 


وزارة التربية والتعليم 


السؤال الرايع: أكمل الشريط الزمني 116061106 للبرنامج يتكون من: 


00:00:39:15 


LES: 


2015-6356... 


يتم الإجابة على الأسئلة من خلال: 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ,3 


وزارة التربية والتعليم 


الوحدة الثانية 


إنشاء صفحات ويب 


HTML باستخدام‎ 


بعد الإنتهاء من هذه الوحدة يتوقع أن يكون الطالب قادرا على 


٠‏ يناقش تأثير استخدام خدات تقنيات المعلومات الحديثة على المجالات الدراسية والحياتية المختلفة 
٠‏ يتعرف بعض أدوات إنتاج صفحات المعلومات وخدمات الانترنت. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۷ 


وزارة القربية والتعليم 


الموضوع الأول 


لغة الترميز 84711011 


(Hyper Text Markup Language) 


يتعرف بعض ادوات انتاج صفحات المعلومات وخدمات الإنترنت. 

يتعرف القواعد الأساسية لإنشاء صفحة ويب باستخدام أوامر 111/1!. 
يتعرف التركيب البنائي لإنشاء صفحة ويب بأوامر -111/11!. 

يضيف محتوى لصفحة الويب (نص-صورة - فيديو -ارتباطات تشعبية-...). 
ينسق محتوى صفحة الويب. 

يدرج ارتباط تشعبي داخل صفحة الويب / بين صفحات الموقع. 


3 الصف الثاني الإعدادي 


وزارة التربية والتعليم 


في الفصول السابقة تعرفنا على المراحل الأساسية لإنشاء موقع ويب» ومن هذه المراحل مرحلة التنفيذ 
والتي يتم فيها تحويل التصميم الورقي لصفحات الموقع إلى صفحات ويب يُوضع فيها البيانات المختلفة 


(نصوص - صور- صوت -فيديو) وذلك حسب مرحلة التصميم السابقة لكل صفحة وبب» وانشاء الارتباطات 


التشعبية بين صفحات الويب. 
وفي هذا الفصل سوف نتعرض بالتفصيل إلى كيفية استخدام أوامر 111/1 في إنشاء أحد صفحات 
الويب ثم يلي ذلك عرض تفصيلي لكيفية إنشاء موقع 'مدرستي" والذي تم وضع تصميم تفصيلي لصفحاته. 


مدرستي 


الصفحة الرئيسة عن المدرسة ألبوم الصور الرؤية والرسالة 


عن المدرسة لب الرؤية والرسالة 
تاريخ نشأة المدرسة: ... ب 
عنوان المدرسة: .... تليفون المدرسة: ... ار 0 4 1 رؤية المدرسة: 
yg‏ : 1 1 إعداد طالب متميز قادر على .... 
الرسالة: 


تنمية مهارات الاب 0 


ام لبط 0 با ی 1 2 اث 'موقع مدرستي" 


لغة الترميز ا۷ 1۲: 


هي لغة تكويد تستخدم لإنشاء صفحات موقع الإنترنت الثابتة والتي يتم عرضها باستخدام أحد برامج 
مستعرضات الإنترنت. 


أوامر لغة :HTML‏ 


الععبيوتر وتكنولوجيا المعلوعات والاتصالات ۷۸ 


وزارة القربية والتعليم 


لإنشاء صفحة وبب يتم استخدام أوامر لغة االاا11!ا. وتسمى هذه الأوامر بال 13905 ويقوم برنامج 
مستعرض الإنترنت بتنفيذها ليظهر تأثير تلك الأوامر على صفحة المستعرض. 


- إنشاء ملف نصي باستخدام أحد برامج تحرير النصوص وذلك لكتابة أوامر ا1۲۷ وتعديلها. 


- كتابة أوامر-!!/111! حيث يتم وضع الامر بين العلامتين ' < >". 
- معظم الأوامر لها بداية ' < > " ونهاية ">/< 1 5 
- حفظ الملف النصي الذي يحتوي على أوامر ا1۲۷ بامتداد .۸٤٣‏ او اہ٤ط.‏ 


- فتح الملف المحفوظ باستخدام مستعرض الانترنت لعرض صفحة الويب ومشاهدة نتيجة 
تنفيذها. 


- لا يشترط أن تكتب أوامر ا1۲۷ بحروف كبيرة |30118© أو صغيرة !/5002. 


۷۹ الصف الثاني الإعدادي 


التركيب البنائي لإنشاء صفحة الويب باستخدام 111/11 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك تعرف على التركيب البنائي لإنشاء صفحة 
ويب باستخدام أوامر 17101!. 


خطوات تنفيذ النشاط 


- تحميل أحد برامج تحرير النصوص. 
- يكتب الأمر <5401> في بداية الكود ليشير الى أن المستند مكتوب بلغة 01غط. 
يقسم كود ١111/1‏ لقسمين رئيسين هما: 


6201 : وهي المنطقة الخاصة بكتابة معلومات للمتصفح حول الصفحة مثل عنوان الصفحة. 


01 !: وهي المنطقة الخاصة بكتابة المحتوى الذي سيظهر داخل الصفحة. 
وبالتالي يكون التركيب الأساسي لملف الأوامر كما يلي: 
كتابة التركيب البنائى لإنشاء صفحة وبب 


التركيب البنائي لإنشاء صفحة ويب باستخدام 111/11] باستخدام ا1۳۷ في محرر النصوص 


<html> 
<head> 


</head> 
<body> 


</body> 
</html> 


وزارة التربية والتعليم 


تتكون صفحة الويب من عنوان ومحتوى» ويظهر عنوان صفحة الويب داخل شريط العنوان أعلى 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالبحث عبر الإنترنت ومشاهدة عنوان ومحتوى 


أحد صفحات الوبب. 
عنوان صفحة الويب 


× وزارة النربية والتعليم 


322-39 


وزارة التربية والتعليم 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإضافة كلمة 'مدرستي" كعنوان لصفحة 
الويب. 


خطوات تنفيذ النشاط: 
- تحميل أحد برامج تحرير النصوص . 
- كتابة التركيب البنائى لإنشاء صفحة وبيب بأوامر 111/1!. 


- كتابة أمر <61418/> مدرستى <41618> في الجزء المخصص < 56230...>/56230> . 


<html> 
<head> 


>+1+16< مدرستي‎ >/+31+16< 
</head> 
<body> 


كد يها 
Nia Nn‏ لمم 2( 


</body> 
</html> 


22 5 9 9 
كتابة الكود في محرر النصوص فتح الملف 561001.157117 (صفحة الويب) 
- حفظ الملف باسم 561001.5400. بمستعرض الإنترنت 
- فتح الملف 561001.547 (صفحة الويب) من خلال مستعرض الإنترنت لمشاهدة نتيجة تنفيذ الأوامر 


التي تم كتابتها. 


الععبيوتر وتكنولوجيا المعلوعات والاتصالات ۲ 


وزارة التربية والتعليم 


يمكن أن تحتوي صفحة الويب علي (نص-صورة - فيديو -ارتباط تشعبي-...) 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإضافة نص 'مدرستى جميلة ونظيفة 
ومتطورة" لمحتوى صفحة الوبب. 
خطوات تنفيذ النشاط: 


- في الملف النصي السابق تكتب العبارة 'مدرستي جميلة ونظيفة ومتطورة" داخل أمر </body>‏ ... 
.<body>‏ 


- حفظ الملف النصي بنفس الاسم " 561001.51407 '. 


- فتح الملف ' 561001.11407 ' من خلال مستعرض الإنترنت لمشاهدة نتيجة تنفيذ الأوامر. 


<html> 

<head> 

»+1+16( مدرستي‎ > /t 11< 
</head> 


وزارة التربية والتعليم 


رسب | عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالتعديلات الآتية فى 
التدريب السابق: 
- إعادة كتابة أوامر 1111/1 باستخدام حروف كبيرة .Capia| Le)‏ 
- ترك مسافات بين كلمات النص. 
- استخدام مفتاح الادخال لترك أسطر بين كلمات النص. 
- حفظ الملف النصي بامتداد 11607 


- استعراض الملف من خلال مستعرض الإنترنت. 


عند تصميم صفحة وبيب ذات واجهة عربية يجب تغيير اتجاه الصفحة ليصبح اتجاه محتوى الصفحة 
من اليمين إلى اليسار ليتلاءم مع طبيعة اللغة العربيةء ولتنفيذ ذلك تُستخدم الخاصية ١أ‏ حيث يتحدد اتجاه 


صفحة الويب حسب القيمة المخصصة للخاصية ١أ‏ كما بالجدول التالى: 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 4م 


وزارة التربية والتعليم 


اتجاه صفحة الويب من اليمين الى اليسار 


1 


اتجاه صفحة الويب من اليسار الى اليمين 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بتغيير اتجاه محتوى صفحة الويب من 
اليمين إلى اليسار فى التدريب السابق. 
خطوات تنفيذ النشاط: 
- التعديل في الكود بإضافة الخاصية ال للأمر <رلهط> ... <رلهط/> 


- تخصيص القيمة !1 للخاصية 0117؛ لتصبح صورة الأمر <رلهط> هي<!'-16أل لال600>. 
- حفظ تعديل الملف النصي. 


- فتح ملف صفحة الوبب من خلال مستعرض الإنترنت لمشاهدة نتيجة تنفيذ الخاصية ١أك.‏ 


<html> 
<head> 
»>+1+16( مدرستي‎ > / 110< 


صفحة الوبب فى مستعرض الانترنت 


220020200 1 : اتجاه محتوى الصفحة من اليمين لليسار 
كتابة الكود في أحد برامج تحرير النصوص 


۸0 الصف الثاني الإعدادي 


وزارة التربية والتعليم 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بعمل مقارنة بين تأثير 
القيمة '61"" والقيمة "111" للخاصية “01 على اتجاه محتوى صفحة الوبب. 


<body dir="Itr'> ele Ae I lS 


اتجاه محتوى الصفحة من اليمين لليسار O ATE ٠‏ 


(مقارنة توضح تأثير قيم الخاصية ١iك)‏ 


تنسیقات صعفحه الويب 
اسه . 
توجد العديد من التنسيقات التي يمكن تطبيقها على محتوى صفحة الوبب حتى تبدو أكثر جاذبية: 
ويوجد من التنسيقات ما يطبق على النص بصفحة الويب وما يطبق على خلفية صفحة الويب. 


٠‏ تنسيق النص يتضمن العديد من العمليات سوف نتناول منها: 

0 الكتابة بداية من سطر جديد. 

ه محاذاة النص. 

ه وضع فراغات بين الكلمات. 

ه تنسيق الخط من حيث (النوع - الحجم - اللون - النمط). 
٠‏ تنسيق الصفحة يتضمن: 

ه تغيير لون خلفية صفحة الويب. 

0 وضع صورة كخلفية لصفحة الويب. 


وزارة التربية والتعليم 


اولا: تنسيق النص بصفحة الوبب: 


لكي يظهر النص داخل صفحة الويب في سطرين يتم استخدام الأمر </5>: حيث يستخدم هذا الأمر للكتابة 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بتنفيذ الآتي: 
- تشغيل برنامج محرر النصوص. 
- كتابة كود ا۳۲۸۷ الموضح بالشكل. 
- حفظ الملف النصي بامتداد 1117. 


- فتح الملف في مستعرض الإنترنت. 
<html>‏ 


EET:‏ ا 
لل لوو 111 ا سد ل <1+16غ+/> مدرستي <1+16+» 


</head> 
<body dir="rt1"> 
المدرسة: الشروق الإعدادية‎ 


الاسم : محمد خالد 5 
</body>‏ 
صفحة الويب بالمستعرض بعد تنفيذ الكود </html>‏ 

لاحظ ظهور المحتوى النصي على 
سطرين نتيجة لإستخدام الأمر </ط> كتابة الكود في أحد برامج تحرير النصوص 


وزارة التربية والتعليم 


لوضع نص في منتصف السطر يستخدم الأمر <617161©>. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بتنفيذ الآتي: 
- فتح الملف النصي السابق. 
- إضافة الأمر <138617©©> موقع المدرسة <1ع]11ع© / >. 
- حفظ تعديل الملف النصي. 
- فتح الملف من خلال مستعرض الإنترنت. 
<html>‏ 
<head>‏ 
/t 116<‏ > مدرستي (1+16+» 
</head>‏ 
<body dir="rt1"> | F\myworNHTMLIT O +‏ 
›/center>_ |‏ موقع المدرسة <center>‏ _ 
1 المدرسة: الشروق الإعدادية 
ا <br>‏ 
الاسم : محمد خالد 
صفحة الويب بعد تنفيذ الكود </body>‏ 
لاحظ ظهور العبارة 'موقع </html>‏ 
المدرسة" في منتصف السطر. 


كتابة الكود في أحد برامج تحرير النصوص 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات A^‏ 


وزارة التربية والتعليم 


عند ترك أي عدد من المسافات بين الكلمات داخل ملف الأوامر سوف يتعامل معها مستعرض الإنترنت 
عند عرض الصفحة على أنها مسافة واحدةء وللتحكم في عدد المسافات (الفراغات) بين الكلمات نستخدم 
الرمز :81550» حيث يتم تكراره بعدد الفراغات المطلوبة بين الكلمات. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بتنفيذ الآتي: 


- فتح الملف النصي السابق. 
- كتابة الكود 'موقع &nbsp; &nbsp; &nbsp;‏ 


<html> 
<head> 
>81016< :م805 المدرسة". <1616]/ > مدرستي‎ 
</head> .5117 حفظ الملف النصي بامتداد‎ - 
<body dir=ٌ'rtl'> فتح الملف في مستعرض الإنترنت.‎ = 
<center> 

e e e r a e يي‎ 

<center> 95‏ 
المدرسة: الشروق الإعدادية 
<br>‏ 
الاسم: محمد خالد 
صفحة الوبب بعد تنفيذ الكود </body>‏ 


</html> 
لاحظ ظهور العبارة 'موقع المدرسه"‎ 


مع وضع ؛ مسافات بين الكلمتين. كتابة الكود في أحد برامج تحرير النصوص 


وزارة التربية والتعليم 


٤-أ-‏ تنسيق الخط في صفحة الويب بالأمر <font> ... </font<‏ 


للتحكم في نوع وحجم ولون الخط يتم استخدام الأمر <7011> وهو أمر له مجموعة من الخصائص منها: 


يتعرف المستعرض على ۷ أحجام مختلفة من الخطوط والتي يتم تحديدها بواسطة الخاصية 5126 حيث 
تتراوح قيمة هذه الخاصية من ١‏ الى ۷. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإنشاء صفحة ويب ذات اتجاه 
يمين ويها النص 'مدرستي جميلة ونظيفة ومتطورة " بخط نوعه اندلسي "3001305 " بلون أحمر 
وحجم الخط ". 

خطوات تنفيذ النشاط 

- كتابة الكود. 

- حفظ الملف النصي بامتداد 5405. 


- فتح الملف في مستعرض الإنترنت. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۹۰ 


وزارة التربية والتعليم 


حدرسقي جميلة ونظيفة وحتطورة 


صفحة الوبب بعد تنفيذ الكود 


21 
<head> 
</head> 


<body dir="rt1"> 

<font face="andalus" color="red" size="6"> 
مدرستي جميلة ونظيفة ومتطورة‎ 

</html> 


كتابة الكود في أحد برامج تحرير النصوص 


- بعد استخدام أمر الاغلاق <5006/> ينتهي تأثير الأمر على تنسيقات أي نص يكتب بعده. 
- في حالة عدم استخدام الأمر <7006> يظهر نوع الخط على صفحة الويب بالشكل الافتراضي. 


۹۱ 


الصف الثاني الإعدادي 


وزارة التربية والتعليم 


يوجد العديد من الأوامر التي من خلالها يتم تنسيق الخط ومنها الأوامر الموضحة بالجدول التالي: 
الأمر | الوظيفة 
<u>‏ وضع خط تحت النص (مسطر ©15!,ع00لا) 
<b>‏ خط عريض (8010) 
<i>‏ خط مائل (ءااھ٤!)‏ 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك فى الملف السابق قم بوضع خط أسفل العبارة 
'مدرستي جميلة ونظيفة ومتطور ' | 
(html)‏ 
خطوات تنفيذ النشاط (head)‏ 
كك لمر (0ةة!/) ‏ 

<لا/> مدرستي جميلة ونظيفة ومتطور <> 
- حفظ التعديل الملف النصي. (body dir="rt1")‏ 
(font face="andalus" cafe" red" size="6")‏ 


n 


صفحة الوبب بعد تنفيذ الكود كتابة الكود في أحد برامج تحرير النصوص 


وزارة القربية والتعليم 


ڪر زی لطا لت ب با لتعا ول 2 ما لاك و بمسا عد إن معلمك شم با لتعديل ملف صهحا لو بب 
جم في مھ 


- تنسيق الخط في صفحة الويب لجعله مائل للعبارة "مدرستي حميلة ونظبهة ومتطورة ". 
- تنسيق الخط في صفحة الويب لجعله خط عريض للعبارة ' مدرستي جميلة ونظيفة ومتطورة ". 


نلاحظ أن لتنسيق الخط في صفحة الويب: 

7 

يكتب الكود: <1/> مدرستي جميلة ونظيفة ومتطورة <1> 
- جعله خط عريض 'مدرستي جميلة ونظيفة ومتطورة". 
يكتب الكود: <0/> مدرستي جميلة ونظيفة ومتطورة <ط> 


9 الصف الثاني الإعدادي 


وزارة التربية والتعليم 


ثانيا : تنسيق خلفية صفحة الوبب: 


١-تحديد‏ لون كخلفية لصفحة الويب bgcolor‏ 


تستخدم الخاصية ٠9601917‏ التابعة للأمر <رلهط> لتحديد لون خلفية صفحة الويب. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بعمل الآتى: 


.<body bgcolor="green' > -كتابة الكود‎ 


- حفظ الملف النصي بامتداد 1407. <html>‏ 
- فتح الملف في مستعرض الإنترنت. <head>‏ 
e‏ > < 
لاحظ ظهور لون خلفية صفحة الق 
الويب باللون الأخضر. > <body bgcolor="green"‏ 


SÎ maudlin 


</body> 
</html> 


كتابية الكود في أحد برامج تحرير النصوص 


- الجدول التالي يحتوي بعض أسماء الألوان يمكن استخدامها كقيمة للخاصية 69060101: 


ه٠‎ |1195 151 1 11 E 


o Blue Brown Black Green Red White Yellow Purple لبد‎ 
Name Blue 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۹4 


وزارة التربية والتعليم 


”- وضع صورة كخلفية لصفحة الويب Background‏ 


لوضع صورة كخلفية لصفحة الويب تستخدم الخاصية 8361010010 التابعة للأمر </8001>. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بتنفيذ مايلى: 
- إعداد وتجهيز أحد ملفات الصور لوضعها كخلفية لصفحة الويب. 
- حفظ ملف الصورة داخل مجلد. 
- كتابة الكود اللازم لوضع الصورة "©[. 1 117306" كخلفية لصفحة الويب 
<body background="image 1.jpg" >‏ 
- حفظ الملف النصي بامتداد 11617 فى نفس مجلد حفظ ملف الصورة. 
- فتح الملف في مستعرض الإنترنت. 

<html> 


لعا <head>‏ 
| © - © افاشة اناههانانية ع0 </head>‏ 


<body background="image1.jpg" > | 


</body> 
</html> 
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46 الصف الثاني الإعدادي 


وزارة التربية والتعليم 


التعامل مع الصور في صفحات الويب: 
١-إدراج‏ صورة داخل صفحة الويتب 


لإدراج صورة في صفحة الويب يتم استخدام خاصية 5866 التابعة للأمر <100> ويتطلب ذلك تحديد 
اسم ملف الصورة ومكان حفظه. 34 


اس 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بتصميم صفحة ويب يكون محتواها كالآتي: 
- نص "مدرستي جميلة ونظيفة ومتطورة" بلون أحمر وتحتها خط. 
- تظهر صورة للمدرسة أسفل النص. 
<html>‏ 


<head> 
</head> 


<body ٠ i GArryaedANHTMLYNNalisl ham 
<font face="andalus" color="red" size="6"> 

۲/) مدرستي جميلة ونظيفة ومتطورة <لا) 

(</font> 


</html> 


ا ey‏ 
3 كتابه الكود في أحد برامج تحرير النصوص 


وزارة القربية والتعليم 


|| تدذريب | :5 ا 
9 اا ين الطاب : بالشفاون هه ملا وبمساع: ممت فم بحت عر الإنترت عن انوع 


امتداد ملفات الصور التي يمكن استخدامها في صفحات الويب. 


1 


ملاحظات هامة: 
- في التدريب السابق يفترض أن ملف الصورة وملف صفحة الويب في نفس المجلدء لذلك تم الإكتفاء 
بكتابة اسم ملف الصورة والإمتداد مع الخاصية ©!51. 
- فى حالة تواجد ملف الصورة فى مجلد آخر يجب كتابة مسار ملف الصورة كاملا. 
7- ز صفحات الوس: 


١-٣‏ التحكم في أبعاد الصورة بصفحة الويب 


يمكن تنسيق الصورة المدرجة بالتحكم في ابعادها (الارتفاع والعرض) ومحاذاتها بالنسبة لصفحة الويب 
يتم التحكم في أبعاد الصورة من خلال خصائص الأمر <1179> كالآتي : 
- الخاصة 61914 (ارتفاع الصورة). مثال '۸="200وiمh‏ 


- الخاصية 7/1041 (عرض الصورة)ء مثال "300"-104/لا 


وبتم استخدام وحدة القياس البكسل "Pixel"‏ لقياس ابعاد الصورة. 


۹۷ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


4 


ف 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالآتي: 
- إدراج صورة مع جعل ابعادها كالآتي: 
العرض 1011//ا-800 بكسل » الارتفاع 450-1610911 بكسل 
- تعديل النشاط السابق بحيث يتم كتابة الكود التالي: 
<img src="school.png' height="450' width="§800'>‏ 
(html)‏ 


(head) 
(head) 


(body > 


(font face="andalus" color="red" siz 


(html? 
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وزارة التربية والتعليم 


۲-٣‏ محاذاة الصورة داخل صفحة الويب 


يتم التحكم فى محاذاة الصورة من خلال الخاصية 811917 للأمر <و"ا>. وتأخذ الخاصية القيم الآتية: 
يتم في 


القيمة الوظيفة 
Right‏ محاذاة الصورة لأقصى يمين صفحة الويب 
Left‏ محاذاة الصورة لأقصى يسار صفحة الويب . 
Middle‏ النص يقع بمحاذاة منتصف الصورة 
Bottom‏ النص يقع بمحاذاة الحافة السفلى للصورة 


Top‏ النص يقع بمحاذاة الحافة العليا للصورة 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالتعديل في ملف صفحة الويب بالتدريب 
السابق كالتالي: 
- تنسيق الصورة لكي يظهر النص مع الصورة في نفس السطرء ويقع النص بمحاذاة منتصف الصورة. 
- حفظ الملف النصي بامتداد 5400. 


- فتح الملف في مستعرض الإنترنت. 


۹۹ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


<html> 

<head> 0| omamaran_ lc 
</head> | 

<body > 

<font face="andalus" color="red 

مدرستي جميلة ونظيفة ومتطورة 

</font> 


صفحة الوبب بعد تنفيذ الكود </html>‏ 
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ويقع النص بمحاذاة منتصف الصورة 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك في النشاط السابق قم بعمل 
الآتي: 
- محاذاة الصورة لأقصى اليمين لصفحة الوبب. 
- محاذاة الصورة ليقع النص بمحاذاة الحافة العليا للصورة. 


ملاحظات: 


- لمحاذاة الصورة لأقصى اليمين لصفحة الويب نستخدم الكود '1014"-31101. 
- لمحاذاة الصورة ليقع النص بمحاذاة الحافة العليا للصورة نستخدم الكود "م60"-31101. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۱۰۰ 


وزارة القربية والتعليم 


التعامل مع الصوت في صفحات الويب: 


إدراج الصوت كخلفية صوتية لصفحة بالأمر <05010110> 


يمكن إدراج الصوت كخلفية لصفحة الويب حيث يتم الاستماع إليه عند تحميل صفحة الويب بالمستعرض. 
ملاحظة: 

برنامج مستعرض الإنترنت ' ۲۲۲هام×٤‏ 10161764 " هو المستعرض الوحيد الذي يدعم تنفيذ الأمر 
<595010110> لإدراج الصوت كخلفية صوتية لصفحة الويب ولا يظهر تأثير هذا الأمر مع الأنواع الأخرى 
من المستعرضات. 

باستخدام الأمر <69501010> والخاصية ١۲ء‏ المصاحبة له. يتم إدراج الصوت كخلفية صوتية 
لصفحة الويب» الخاصية 5866 للأمر تأخذ قيمة اسم ملف الصوت وامتداده (وذلك في حالة حفظ ملف الصوت 
مع ملف صفحة الويب في نفس المجلدء وغير ذلك يجب كتابة مسار ملف الصوت كاملاً). 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإنشاء صفحة ويب عند فتحها داخل 
المستعرض "27101761 10161764" يتم تشغيل ملف الصوت "4.1/23لا0©" كخلفية لصفحة الوبب. 
- كتابة الكود كما هو موضح بالصورة. <head>‏ 
- حفظ الملف النصي بامتداد 400ط. </head>‏ 


ان ملف 5 8 | 3 50010 الانترنت. 
- وك مسسارض <body > E‏ 


<besound src="egypt.MP3"> 
</body> 
</html> 


كتابة الكود في أحد برامج تحرير النصوص 


۱٩١‏ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


التعامل مع الفيديو داخل صفحة الويب: 


إدراج فيديو داخل صفحة الويب بالأمر <0ع11اع> 


باستخدام الأمر <817060> يتم إدراج الفيديو في صفحة الويب» ويجب ملاحظة أن هذا الأمر يدعم 
ملفات الفيديو من النوع (/5001. - ألا. - آللاك.) 


باستخدام الأمر <617860> والخاصية ١۲ء‏ المصاحبة له. يتم إدراج الفيديوء قيمة الخاصية ©51 
تأخذ اسم ملف الفيديو وامتداده (وذلك في حالة حفظ ملف الفيديو مع ملف صفحة الويب في نفس المجلدء 
وغير ذلك يجب كتابة مسار ملف الفيديو كاملاً). 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإنشاء صفحة ويب تحتوي على فيديو حيث 


يمكن تشغيل ملف الفيديو 116111©1.31/1 بداخلها. 


<html> 
<head> 
</head> 


<bod 


<embed src="internet.avi"> 1 
</body> 


</html> 
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الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۱۰۴ 


وزارة التربية والتعليم 


إدراج ارتباط تشعبي بصفحة الويب بالأمر <ه/>...<ج> 


الارتباط التشعبى )!۴م :Hy‏ 
الارتباط التشعبي عبارة عن صورة أو نص مرتبط بعنوان وعند الضغط عليه يتم الانتقال إلى هذا 
العنوان ويمكن أن يكون داخل نفس الصفحة أو بصفحة أخري داخل نفس الموقع أو في موقع آخر. 


تدريب | 1 
عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بالتالي: 


- تحميل موقع وزارة التربية والتعليم. 

- البحث داخل صفحات الموقع عن الارتباطات التشعبية (نص فائق أو صورة فائقة). 

- تتبع تلك النصوص والصور الفائقة من خلال الضغط عليها. 

- تعرف على الأشكال المختلفة للارتباط التشعبي (في نفس الصفحةء بين صفحات الموقع» بين صفحة 
بالموقع وارتباطها التشعبي بصفحة أخرى في موقع آخر). 


ا 


وزارة التربية والتعليم 


ادراج ارتباط تشعبي ان ذا ملا!!: 


لإدراج ارتباط تشعبي تستخدم الخاصية "۲٠۴‏ للأمر <3> والتي تحدد قيمتها العنوان المطلوب الانتقال 
إليه» ويكون شكل الأمر كالآتي: 
<3/> النص أو الصورة < "العنوان المطلوب الانتقال إليه"  "١١‏ 2> 


١-إدراج‏ ارتباط تشعبي نصي الأمر <2<...>/3> 


لإدراج ارتباط تشعبي نصي (نص فائق) باستخدم الخاصية 1۲٠١۴‏ للأمر <3>. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإنشاء صفحة وبيب تحتوي ارتباط تشعبي 
نصي 'وزارة التربية والتعليم" وعند الضغط عليه يتم الإنتقال للصفحة الرئيسة لموقع وزارة التربية والتعليم. 
إستخدم الكود التالي في انشاء الصفحة: 


<3/> وزارة التربية والتعليم < لقا سي Re EB‏ 3> 


بط كص نا he‏ : 
ا ا ا 
: الويد ل 


<a href=.....> ...</a> |] أمر الارتباط التشعبي‎ 


الكعبيوتر وتكنولوجيا المعلوهمات والاتصالات 6 


وزارة التربية والتعليم 


خطوات إنشاء وتتفيذ ارتباط تشعبي على هيئة نص 


١-كتابة‏ الكود في أحد منسقات النصوص وحفظه. 
؟-فتح صفحة الويب في المستعرض› 

*- الضغط على النص الفائق بصفحة الويب. 

4 -فيتم تحميل موقع وزارة التربية والتعليم. 


211١ 

(head) 

١-كتابة‏ الكود في أحد (</head>‏ 
منسقات النصوص وحفظه 

(body > 

(a href=" http: <3/>وزارة التربية والتعليم< "ع , £07 , 10€ الاااا//‎ ١ 

</body> 

(/html> 


؟-فتح صفحة الويب في المستعرضء وعند 
الضغط على النص الفاق يتم تحميل موقع 
الوزارةء على أن يراعى أن يكون الجهاز 
متصلا بشبكة الإنترنت. 


- تحميل موقع الوزارة. 


1.0 الصف الثاني الإعدادي 


وزارة التربية والتعليم 
تابع إدراج ارتباط تشعبي 11!:علا!!: 


”-إدراج ارتباط تشعبي لصورة 


لكي تصبح صورة ارتباط تشعبي يجب اتباع التالي: 
- إظهار الصورة باستخدام الأمر <وصا>. 
- وضع أمر الصورة <1170> داخل الأمر <3/>... <3> وذلك لتحويلها إلى ارتباط تشعبي. 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بإنشاء صفحة ويب تحتوي ارتباط تشعبي 
صورة وعند الضغط على الصورة يتم الانتقال الي صفحة الويب 'مدرستي". 
خطوات تنفيذ النشاط 
بالتعديل في كود صفحة الويب السابقة واستبدال النص بالصورة "9م[.0015' بحيث تصبح ارتباط 
تشعبي وبالنقر عليها يتم الانتقال الي صفحة الويب 'مدرستي". 
استخدم كود الارتباط التشعبي لصورة كالتالي: 


<a href = 'myschool.htm'" > <img src="tools.jpg'> </a> 


تظهر كصورة فائقة عنوان صفحة ويب 
1111111 المطلوب الانتقال إليه 


أمر الارتباط التشعبي | <3/>... < 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۱۰ 


وزارة التربية والتعليم 


خطوات إنشاء وتنفيذ ارتباط تشعبي باستخدام صورة 


١-كتابة‏ الكود في أحد منسقات النصوص وحفظه. 
۲-فتح صفحة الويب في المستعرضء وعند الضغط على الصورة الفائقة يتم تحميل صفحة ويب 'مدرستي '. 


۳-يتم تحميل صفحة ويب 'مدرستي '. 


<html> 
<head> 


<head> في أحد‎ 0 ةباتك-١‎ 
<body > a 


<a href = 


'myschool.htm’' > <img src='tools.jpg'> </a> أ‎ 
</body> 


</html> 


”-فتح صفحة الويب في المستعرض» 
وعند الضغط على الصورة الفائقة يتم 
تحميل صفحة ويب مدرستي 


وزارة التربية والتعليم 


تذکر أن : 


بعض أوامر 111/1! لإنشاء صفحة وبب التالى: 


<html> 


<head> 


<body> 


<title> 


<þr> 


<center> 
الرمز :م5125‎ 
<font> 
<u> 
<b> 
<i> 


<img> 


1-5 2 
مكتوب بلغة ١ا۳اط.‏ 


المنطقة الخاصة بكتابة معلومات للمتصفح عن 


الصفحة مثل عنوان الصفحة. 


المنطقة الخاصة بكتابة المحتوى الذي سيظهر 


ا 
تحديد عنوان لصفحة الويب. 


٠‏ انهاء الكتابة في السطر الحالي ويدء الكتابة في 


ادراج فراغ (مسافة) بين الكلمات على المستعرض. 


للتحكم في تنسيق الخطوط. 
وضع خط تحت الكتابة. 
خط اسود عريض. 


خط مائل. 


لإظهار صورة على صفحة الوبب. 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات 


dir — bgcolor - 


background 


face-color-size 


src-height-width — 


align 


۱٩۸ 


وزارة التربية والتعليم 


الأمر 
<bgsound>‏ 


<embed> 


<a> 


۱۰۹ 


وظ + 


د 


لإدراج صوت كخلفية للصفحة 


إضافة صوت أو فيديو لصفحة الويب 


لإنشاء ارتباط تشعبي 


الصف الثاني الإعدادي 


وزارة التربية والتعليم 


الأسئلة والناربيان 


السؤال الأول: اختر الإجابة الصحيحة المناسبة للعبارات الآتية: 
)١(‏ يشير الإختصار ا1۲ الى العبارة 
أ- .Hyper Text Markup Library‏ 
ب- .Help Table Made Layout‏ 
ج- .Hyper Text Markup Language‏ 


)"( صفحة الويب التي يتم استخدام لغة HTML‏ فقط في تصميمها تعتبر صفحة 
أ- تفاعلية. 
ب -نشطة. 


ج- ثابتة. 


(۳) استخدام لغات مثل 317/356©1104ل و ۴١۴‏ بالإضافة للغة 1111/1 في تصميم صفحة الويب يكون 


)٤(‏ لإظهار نص علي صفحة الويب يتم كتابة هذا النص في منطقة 
أ- .Head‏ 


.Title ب-‎ 


.Body ج-‎ 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۱1۰ 


وزارة القربية والتعليم 


(5) يجب حفظ ملف أوامر ا1۲ بالإمتداد 
| 


.Docx - 


)۷( لتحديد لون كخلفية لصفحة الويب نستخدم الخاصية 
أ- bgcolor‏ 
أ background‏ 


color E 


(۸) الخاصية التي ترتبط بأمر <11090> من بين الخصائص التالية هى الخاصية 
أ- path‏ 
ب - href‏ 


SrC 


)٩(‏ الأمر <4> يستخدم فى 
أ- محاذاة النص. 
ب- اضافة ارتباط تشعبي. 
ج- تشغيل فيديو. 


۱111 الصف الثاني الإعدادي 


وزارة التربية والتعليم 


)٠١(‏ لتحديد نوع الخط في الأمر <011> نستخدم الخاصية 


Fontname أُ-‎ 


ب-ع512 


( ) مستند به محتوي الكتروني ينشر على شبكة الإنترنت ويتم 
عرضه من خلال برنامج مستعرض الإنترنت 

؟ - الصفحة الرئيسة ( ) تعرض معلومات يتم الإطلاع عليها فقط بدون امكانية 

اجراء اي معالجة من الزائرين لمحتواها 

۳- صفحة الويب ( ) مكان علي شبكة الانترنت يتكون من صفحة ويب او أكثر 

ويتم زيارته من خلال عنوان معين 

> - الصفحة الثابتة ( ) أول صفحة بموقع الويب والتي من خلالها يسهل الإنتقال 

لباقي صفحات الموقع 

ه - الصفحة التفاعلية ( ) هي خاصية للتنقل بين صفحات الموقع 


( ) هي صفحة معلومات تعرض محتوي يتيح للزائرين التفاعل 


)١(‏ تستخدم لغة ا١1‏ في انشاء صفحات وبب تفاعلية. 
(۲) تستخدم لغة 37/2356©1104ل لتحويل الصفحة الثابتة الى صفحة تفاعلية. 
(۳) الأمر الذي يكتب في بداية الكود ليشير الى أن المستند مكتوب بلغة 514101 هو 


.<title> 


الكعبيوتر وتكنولوجيا المعلومات والاتصالات ۱1۲۴ 


وزارة التربية والتعليم 
4) للتحكم في عدد المسافات (الفراغات) بين الكلمات نستخدم الرمز :م81750. 


(5) لإضافة صورة لصفحة الويب نستخدم الأمر <1500>. 


السؤال الرابع: أذكر الكود الأساسي اللازم لبناء ملف أوامر ا۷ 1۲؟ 


<img src="school.png'> 
على الرغم من عدم وجود أخطاء في سطر الكود السابق إلا ان الصورة لم تظهر على صفحة الويب عند‎ 
تحميلها بواسطة المستعرض. استنتج السبب؟‎ 


يتم الإجابة على الأسئلة من خلال: 
برنامج ۷٥۲١‏ 5الاا من ملف "إجابة الدرس الرايع" بمجلد ( قالب الإجابة والمشروعات). 


١‏ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


وزارة القربية والتعليم 


الموضوع الثاني 
المتتروعات 


۱1٥‏ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


المنتتروع الأول 
اتروع اتكلبيتي لتحتصييم هوقم ويب 
"موقع مدر للقي I‏ 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۱11 


وزارة القربية والتعليم 


الأهداف 
يعد الإلتهاء من هذا الملللروع يتوقع أن يكون الطالب قادرا على 


يحدد عدد صفحات الموقع من التخطيط التفصيلي لموقع الويب. 
ينشئ صفحات الموقع المختلفة بلغة 171/1!. 


۱1۷ الصف الثاني الإعدادي 


وزارة التربية والتعليم 


إنشاء مشروع "موقع مدرستي" 


عن المدرسة أ الرؤية والرسالة 
تاريخ نشأة المدرسة: ... سي ص 7 رؤية المدرسة: 

ة : إعداد طالب متميز قادر على .... 
الرسالة: 
تنمية مهارات الطالب E‏ 


0 ليط ته يلي !ا 03 ع 'موقع مدرستي" 


إنشاء موقع مدرستي: 
- من التخطيط التفصيلي للموقع يتضح أنه مكون من خمس صفحات ويب وهي كالآتي: 
. صفحة الويب الرئيسة 'مدرستي" ثُحفظ بداخل ملف10576.1407]. 
. صفحة الويب "عن المدرسة" تُحفظ بداخل ملف 2300101.11407. 
. صفحة الويب 'ألبوم الصور”" تُحفظ بداخل ملف 01010.5407. 
. صفحة الويب "الرؤية والرسالة" تُحفظ بداخل ملف 151017.5417لا. 
- وسوف يتم إنشاء وحفظ كل صفحة ويب داخل ملف نصي باستخدام أوامر ا۷ 1۲. 


الكعبيوتر وتكنولوجيا المعلوهمات والاتصلات 


١14 


وزارة التربية والتعليم 


تتكون صفحة الويب الرئيسة من الآتي: 


- النص "مدرستي" الخط (لونه أحمر - نوعه 19101703 - حجمه .)١‏ 


- خمسة ارتباطات تشعبية نصية. 
- صورة. 
كود صفحة الوبب 'الرئيسة" كالآتى: 


<head> 

<1616]/|>مدرستي<01616> 

</head> 

<body bgcolor="skyblue'" dir='rtl'> 

<center> 

<font face-"tahoma'’ color="red’ size-'6'> >مدرب بتي‎ /10111< 
<br> 

<font face-="andalus’" color="purple" size="5"> 

<a href="home. الصفحة الرئيسية<” تغط‎ </a>&nbsp; &nbsp; 
<a href="about.htm'>û nal عن‎ </a> &nbsp; &nbsp; 
<a href="photo. ht m'> ألبوم الصو‎ </a>&nbsp; &nbsp; 
<a href-="photo.htm'>ûllnرll الرؤية‎ </a>&nbsp; &nbsp; 
<a href="contact. ht m'>liڊ‎ Jصت|<>/a>‎ 

<br><br> 

<img src-"school.png’ height="450" width-"800'> 
</center> 

</body> 

</html> 


وزارة التربية والتعليم 


إنشاء صفحة الويب " عن المدرسة " 30106.41 


تتكون صفحة الوبب " عن المدرسة" من الاتي: 


0 النصوص: "تاريخ ننه المدرسة 55 عنوان المدرسة" E‏ 'تليفون المدرسة" 
الخط (لونه أحمر - نوعه 64310173 - حجمه 5). عن المدرسة 


تاريخ نشأة المدرسة: ... 
عنوان المدرسة: .... تليفون المدرسة: ... 


- فيديو. 
- ارتباط تشعبي صورة (عند الضغط عليه يرجع للصفحة الرئيسة). 
كود صفحة الويب "عن المدرسة" كالاتي: 


<html> 
<head> 
<118]/>مدرستي<01618>‎ 
</head> 
<body bgcolor="skyblue'" dir='rtl'> 
<center> 
<font face-"andalus’ color="red" size="6"> 
<:ط> عن المدرسة‎ 
تاريخ نشئه المدرسة‎ >61< 
<1ط>عنوان المدرسة: القاهرة - السيدة زينب‎ 
١۲۳٤١٦۷۸۹ <۲ط> التليفون:‎ 
<51>المرحلة: تعليم أساسي‎ 
<embed src="video.mp4" height=300° "01-300آنلا‎ > 
<br><br> 
<a href="home.htm'><img src=-"back.jpg’ height=100° width=" 100'></a> 
</center> 
</body> 
</html> 


الععبيوتر وتكنولوجيا المعلوعات والاتصالات حل 


وزارة التربية والتعليم 


تتكون صفحة الويب " عن المدرسة" من الآتي: 
B4‏ النص 'ألبوم الصور" 
الخط (لونه أحمر - نوعه 14910173 - حجمه 5). 


- عدد ۳ صور. 
- ارتباط تشعبي صورة (عند الضغط عليه يرجع للصفحة الرئيسة). 
كود صفحة الويب 'عن المدرسة" كالاتي: 


<body bgcolor="skyblue'> 

<center> 

<font face-'"tahoma’ color="red" size-"6'> 

١<‏ طا>ألبوم الصور 

<img src=-"students.jpg’ height="400' width="300'> 

<img src-="teachers.jpg’ height="400° width="300'> 

<img src-'yard.jpg’ height="400° width="200'> <br> 

<a href='home.htm' ><img src=-'"back.jpg’ height=" 100° width="100'></a> 


وزارة التربية والتعليم 


إنشاء صفحة الويب " الرؤية والرسالة " visio ۸.1m‏ 


تتكون صفحة الويب " الرؤية والرسالة" من الاتي: الرؤية والرسالة 

- النص "الرؤيه والرساله" رؤية المدرسة: 

الخط (لونه أحمر - نوعه 4310173 - حجمه .)١‏ إعداد طالب متميز قادر على .... 
5 5 الرسالة: 

- النص "'رؤية المدرسكه 


الخط (نوعه 13150173 - حجمه .)٤‏ 


كود صفحة الويب 'الرؤية والرسالة" كالاتي: 


<body bgcolor="skyblue'> 


<center> 


<font face-"tahoma'’" color="red" size-"6'> 


الكمبيوتر وتكنولوجيا المعلومات والاتصالات ۱۲۴ 


وزارة القربية والتعليم 


المتتتروع ! 


ك 
3 


الصف الثاني الإعدادي 
۱1۴ 


وزارة التربية والتعليم 


عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك صمم وانشئ التالي: 


موقع الويب -صفحة الويب-الصفحة الرئيسة-صفحات الويب الثابتة -الصفحة التفاعلية. 


- خطوات إنشاء ملف صوت وهي كالتالي: 
أولاً: الإعداد والتجهيز. 
ثانياً: التنفيذ لإنشاء ملف الصوت. 
ثالثاً: التعديل في الصوت. 
رابعاً: تصدير الصوت إلى ملف. 
- خطوات إنشاء الفيديو. 
- خطوات حفظ مشروع الفيديو 2170[661 53176. 
- خطوات تعديل مشاهد الفيديو. 
- خطوات تصدير الفيديو إلى ملف بامتداد مناسب. 


» موقع الريب: 
هو کان على شبكة الاتثزنت يككون من سفحة ويب أو أكثر. يتم زیارته عن خلال توان معين؛ 
© صشحة الويب: 


هې سهد به محش إلكثووني يلشر على شبكة الزنترت وئم عرشه من خلال برلامج مستعرض 


وزارة التربية والتعليم 


القواعد الأساسية التالية لإنشاء صفحة ويب باستخدام أوامر 111/11!. 
التركيب البنائي لإنشاء صفحة ويب بأوامر ا۷ ۸۲. 


إضافة محتوى لصفحة الويب (نص-صورة - فيديو -ارتباط تشعبي-...) 
تنسيق محتوى صفحة الوبب. 
إدراج ارتباط تشعبي للإنتقال داخل صفحة الويب / بين صفحات الموقع 


